NiftyKit Web Components

NiftyKit's Web Components Collection

Installation

1. Install via npm or yarn

npm install @niftykit/components

# or

yarn add @niftykit/components

2. Import via CDN

<script type='module' src='https://unpkg.com/@niftykit/components/dist/components/components.esm.js'></script>

Examples

<script type='module' src='https://unpkg.com/@niftykit/components/dist/components/components.esm.js'></script>
<!-- You can use the elements anywhere in your template, JSX, HTML, etc -->

<!-- Dropkit component (connect wallet + mint button) -->
<nk-dropkit apikey="YOUR-SDK-KEY" />

<!-- Supply component (mint count) -->
<nk-supply apikey="YOUR-SDK-KEY" />

<!-- Winter component (pay with fiat) -->
<nk-winter-checkout apikey="YOUR-SDK-KEY" project-id="YOUR-WINTER-PROJECT-ID" />

• Explore all components here
• See it live here
• See the source code here
• Edit it on Codepen