# Widgets Widgets are sets of UI components which make it easy for you to add web3 functionality to your website. All widgets require the use of the [Connect Widget](https://docs.manifold.xyz/manifold-for-developers/resources/widgets/connect-widget), or custom code that initializes a [Manifold Ethereum Provider](https://docs.manifold.xyz/manifold-for-developers/resources/manifold-ethereum-provider) prior to usage. ## Installation and Usage Widgets are installed by adding the corresponding widget's Javascript and CSS to the `` component of your website. Widgets are placed within your website by adding `
` blocks with specific properties into the `` of your website. You can find detailed instructions on how to install and use widgets for your specific website stack by visiting the [Getting Started Guide](https://docs.manifold.xyz/manifold-for-developers/guides/getting-started). ## How flexible are widgets? Widgets can be fully styled and customized for your website's look and feel. Here are some unique examples of what our partners have done: ### nft.refikanadol.com ![](https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F06qSPFwVcZJRbqPKfPb2%2Fimage.png?alt=media\&token=d7d690b8-b161-4c59-9593-554702e42c4f) ### nyan.steveaoki.com ![](https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F5eWI9h6vc4NddkML4o9x%2Fimage.png?alt=media\&token=e83894ed-b85c-4886-9d59-998677381e06) ### auction.chimpers.xyz ![](https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FtN9O2KioUZ7UWX15JUpe%2Fimage.png?alt=media\&token=3849ee46-d950-4838-b397-4944e7aab649)