> For the complete documentation index, see [llms.txt](https://docs.manifold.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.manifold.xyz/manifold-for-developers/resources/widgets.md). # 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](/manifold-for-developers/resources/widgets/connect-widget.md), or custom code that initializes a [Manifold Ethereum Provider](/manifold-for-developers/resources/manifold-ethereum-provider.md) 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](/manifold-for-developers/guides/getting-started.md). ## 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 ![](/files/HCTls9DogenBnZx7vP93) ### nyan.steveaoki.com ![](/files/TG5XiDJa0yWDc678zz8r) ### auction.chimpers.xyz ![](/files/LWlFgFesPexZdpVEFwiA)