# 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) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.manifold.xyz/manifold-for-developers/resources/widgets.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.