# NiftyKit Diamond Widgets
NiftyKit Diamond Widgets are set of Web Components designed to help users create the perfect mint page. It's flexible, and modern browser compatible, ships with the latest [WalletConnect 2.0](https://docs.walletconnect.com/2.0).
**🚧 Warning! This repository is still beta. 🚧**
This repository is still work-in-progress, API structures are subjected to change. We will keep you posted on breaking changes on our Discord.
## Basic Usage
The widgets work with any HTML, whether it's loaded in Webflow or Wordpress, as long as you have control over the HTML, you can embed the widget.
```html
My Mint Page
Connect Wallet
Minted
Mint Price:
Mint NFT
```
## Available Components
* [``](./src/components/nk-diamond/readme.md)
* [``](./src/components/nk-connect-wallet-button/readme.md)
* [``](./src/components/nk-drop-supply-text/readme.md)
* [``](./src/components/nk-drop-price-text/readme.md)
* [``](./src/components/nk-drop-mint-button/readme.md)
* [``](./src/components/nk-drop-mint-crossmint-button/readme.md)
* [``](./src/components/nk-drop-mint-winter-button/readme.md)
* [``](./src/components/nk-edition-supply-text/readme.md)
* [``](./src/components/nk-edition-price-text/readme.md)
* [``](./src/components/nk-edition-mint-button/readme.md)
* [``](./src/components/nk-edition-mint-crossmint-button/readme.md)
* [``](./src/components/nk-is-connected/readme.md)
* [``](./src/components/nk-is-not-connected/readme.md)
* [``](./src/components/nk-is-holder/readme.md)
## Example of overriding styles:
Add any overrides inside a `style` tag in your html `head`.
```html
```