NiftyKit's Web Components Collection

Overview

Built With Stencil

NiftyKit Web Components

NiftyKit's Web Components Collection

Installation

  1. Install via npm
npm install @niftykit/components
  1. Import via CDN
<script type='module' src='https://unpkg.com/@niftykit/components/dist/components/components.esm.js'></script>

Example

<script type='module' src='https://unpkg.com/@niftykit/components/dist/components/components.esm.js'></script>
<!-- You can use the element anywhere in your template, JSX, HTML, etc -->
<nk-dropkit apikey="YOUR-SDK-KEY" />
Comments
  • Add text color to nk-error/success messages

    Add text color to nk-error/success messages

    Wondering if we can add text color to the messages. I've see a few sites with dark background and the message color is inherited so it's not visible/white on the light message background.

    Screen Shot 2022-08-25 at 1 32 03 PM Screen Shot 2022-08-25 at 1 29 43 PM
    opened by mtgoodrich 2
  • Outdated WalletLink Code --> Needs to be updated to Coinbase Wallet SDK

    Outdated WalletLink Code --> Needs to be updated to Coinbase Wallet SDK

    Hi,

    I work on the DevRel team at Coinbase and am submitting this issue to inform you that the WalletLink SDK has been deprecated in favor of our new Coinbase Wallet SDK. You can find more on that and how to upgrade to the latest version here.

    Please let me know if you have any questions!

    Thanks, Trevor

    opened by TrevvvD 1
  • Adds ability to change wallet and mint texts

    Adds ability to change wallet and mint texts

    Example:

    <nk-dropkit 
        id="rinkeby" 
        apikey="EAEWCN1AJlu4rDh8XNSQ" 
        dev="true" 
        wallet-text="Hello World" 
        mint-text="Buy" />
    
    enhancement 
    opened by jcurbelo 1
  • Adds new component: <nk-supply>

    Adds new component:

    Introduces new component <nk-supply>

    How to use it

     <div class="widget supply">
          <h3>Supply</h3>
          <nk-supply apikey="EAEWCN1AJlu4rDh8XNSQ" dev="true">
            <p>Rinkeby</p>
          </nk-supply>
          <nk-supply apikey="pu16DaU0xXCaHnH5Vj3G" dev="true">
            <p> Mumbai </p>
          </nk-supply>
          <nk-supply apikey="AHN5MP6tExXVkvNlRaCR">
            <p>Mainnet </p>
          </nk-supply>
          <nk-supply apikey="KSqylc30feNC2ZbssdvO">
            <p> Polygon </p>
          </nk-supply>
     </div>
    

    Which outputs: Screen Shot 2022-03-06 at 5 20 45 PM

    enhancement 
    opened by jcurbelo 1
  • Adds WalletConnect support

    Adds WalletConnect support

    Adds WalletConnect Provider into the web3modal's wallets list

    Rollup Plugins

    Needed a few tweaks to get the package working:

      rollupPlugins: {
        before: [
          replace({
            'process.env.NODE_DEBUG': null,
            'process.env.WALLETLINK_URL': null,
            'process.env.WALLETLINK_VERSION': null,
          }),
          rollupCommonjs({
            transformMixedEsModules: true,
            sourceMap: true,
          }),
        ],
        after: [
          // Plugins injected after commonjs()
          nodePolyfills(),
        ]
    

    Had to replace the default configurations of rollupCommonjs that comes with stencil.js. had to use transformMixedEsModules: true

    enhancement 
    opened by jcurbelo 0
Releases(v0.0.28)
  • v0.0.28(Nov 21, 2022)

  • v0.0.27(Nov 8, 2022)

    What's Changed

    • bump dropkit version to v0.0.19 by @jcurbelo in https://github.com/niftykit-inc/components/pull/22

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.26...v0.0.27

    Source code(tar.gz)
    Source code(zip)
  • v0.0.26(Aug 25, 2022)

    What's Changed

    • Add text color to nk-error/success messages by @mtgoodrich in https://github.com/niftykit-inc/components/pull/21

    New Contributors

    • @mtgoodrich made their first contribution in https://github.com/niftykit-inc/components/pull/21

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.25...v0.0.26

    Source code(tar.gz)
    Source code(zip)
  • v0.0.25(Aug 18, 2022)

    What's Changed

    • upgrades dropkit.js to v0.0.18 by @jcurbelo in https://github.com/niftykit-inc/components/pull/20

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.24...v0.0.25

    Source code(tar.gz)
    Source code(zip)
  • v0.0.24(Aug 18, 2022)

    What's Changed

    • adds presale wallet with input by @jcurbelo in https://github.com/niftykit-inc/components/pull/19

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.23...v0.0.24

    Source code(tar.gz)
    Source code(zip)
  • v0.0.23(Aug 18, 2022)

    What's Changed

    • added winter checkout by @tpae in https://github.com/niftykit-inc/components/pull/17
    • adds winter integration with dropkit.js by @jcurbelo in https://github.com/niftykit-inc/components/pull/18

    New Contributors

    • @tpae made their first contribution in https://github.com/niftykit-inc/components/pull/17

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.21...v0.0.22

    Source code(tar.gz)
    Source code(zip)
  • v0.0.22(Aug 18, 2022)

  • v0.0.21(Jun 30, 2022)

    What's Changed

    • Update dropkit.js to v0.0.17 by @jcurbelo in https://github.com/niftykit-inc/components/pull/16

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.20...v0.0.21

    Source code(tar.gz)
    Source code(zip)
  • v0.0.20(May 12, 2022)

    What's Changed

    • Updated old walletlink dependency by @jcurbelo in https://github.com/niftykit-inc/components/pull/15

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.19...v0.0.20

    Source code(tar.gz)
    Source code(zip)
  • v0.0.19(Apr 18, 2022)

  • v0.0.18(Apr 17, 2022)

  • v0.0.17(Mar 30, 2022)

    What's Changed

    • sets mint button inner width to 100% by @jcurbelo in https://github.com/niftykit-inc/components/pull/12

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.16...v0.0.17

    Source code(tar.gz)
    Source code(zip)
  • v0.0.16(Mar 16, 2022)

    What's Changed

    • Updates dropkit.js to v0.0.15 by @jcurbelo in https://github.com/niftykit-inc/components/pull/11

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.15...v0.0.16

    Source code(tar.gz)
    Source code(zip)
  • v0.0.15(Mar 15, 2022)

    What's Changed

    • Expose 'initDrop' and 'mint' methods for by @jcurbelo in https://github.com/niftykit-inc/components/pull/10

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.14...v0.0.15

    Source code(tar.gz)
    Source code(zip)
  • v0.0.14(Mar 14, 2022)

    What's Changed

    • Adds ability to change wallet and mint texts by @jcurbelo in https://github.com/niftykit-inc/components/pull/8
    • Adds sold out widget by @jcurbelo in https://github.com/niftykit-inc/components/pull/9

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.13...v0.0.14

    Source code(tar.gz)
    Source code(zip)
  • v0.0.13(Mar 8, 2022)

    What's Changed

    • Re-create drop when network changed on mobile by @jcurbelo in https://github.com/niftykit-inc/components/pull/7

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.12...v0.0.13

    Source code(tar.gz)
    Source code(zip)
  • v0.0.12(Mar 7, 2022)

    What's Changed

    • Adds custom provider for metamask mobile by @jcurbelo in https://github.com/niftykit-inc/components/pull/6

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.11...v0.0.12

    Source code(tar.gz)
    Source code(zip)
  • v0.0.11(Mar 6, 2022)

    What's Changed

    • Adds 'minted' event by @jcurbelo in https://github.com/niftykit-inc/components/pull/5

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.10...v0.0.11

    Source code(tar.gz)
    Source code(zip)
  • v0.0.10(Mar 6, 2022)

    What's Changed

    • Adds new component: <nk-supply> by @jcurbelo in https://github.com/niftykit-inc/components/pull/4

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.9...v0.0.10

    Source code(tar.gz)
    Source code(zip)
  • v0.0.6(Feb 28, 2022)

    What's Changed

    • Adds material stylings by @jcurbelo in https://github.com/niftykit-inc/components/pull/3

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.5...v0.0.6

    Source code(tar.gz)
    Source code(zip)
  • v0.0.5(Feb 22, 2022)

    What's Changed

    • Adds support for polygon with walletconnect by @jcurbelo in https://github.com/niftykit-inc/components/pull/2

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.4...v0.0.5

    Source code(tar.gz)
    Source code(zip)
  • v0.0.4(Feb 22, 2022)

  • v0.0.3(Feb 22, 2022)

    What's Changed

    • Adds WalletConnect support by @jcurbelo in https://github.com/niftykit-inc/components/pull/1

    New Contributors

    • @jcurbelo made their first contribution in https://github.com/niftykit-inc/components/pull/1

    Full Changelog: https://github.com/niftykit-inc/components/compare/v0.0.2...v0.0.3

    Source code(tar.gz)
    Source code(zip)
  • v0.0.2(Feb 21, 2022)

Owner
NIFTYKIT, INC.
No-code smart contract platform for NFTs
NIFTYKIT, INC.
Obsidian-Snippet-collection - A collection of snippet to customize obsidian

This repo is a collection of CSS snippets for Obsidian.md. To install them on PC

Mara 110 Dec 22, 2022
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo

MUI 83.6k Dec 30, 2022
A collection of A-Frame components

Fern A-Frame Components Collection This is a collection of A-Frame components. Check the individual components for their usages and corresponding exam

Noeri Huisman 16 Dec 12, 2022
DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!

DripUI - Tailwind Components DripUI is an amazing collection of free UI components to help you develop projects faster and easier. The most elegant co

Dan 24 Nov 27, 2022
A collection of handmade, professional and dazzling CSS components. ✨

CSS Components Library — Endless collection. Made with ♥ by Eluda for the AWS Amplify hackathon. About the app CSS Components is an online collection

Eluda 1 Oct 1, 2022
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript

Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript

Macaron 334 Dec 29, 2022
4Web is a collection&creation of codebase, frameworks, libraries dedicated to web development 📦

?? You can also contribute to add / create your own collection in this repository Collection name Description ?? blinke

Raja Rakotonirina 5 Nov 14, 2022
Manually curated collection of resources for frontend web developers.

Frontend Development Manually curated collection of resources for frontend web developers. You are viewing a browseable version, split by category in

Tim Navrotskyy 36.4k Jan 1, 2023
A collection of retro emulators running in the web browser.

RETROCADE is (going to be) a collection of browser-based emulators capable of playing games from retro consoles and arcade machines, optimized for use both on desktop computers as well as mobile devices. The right tool for all your retro gaming needs!

null 3 Feb 18, 2022
A curated collection of resources for learning to build Progressive Web Apps 💪

PWA Resources A curated collection of resources for learning to build Progressive Web Apps ?? Curated and maintained with ♥ by the folks at Shareup. W

Shareup 30 Aug 31, 2022
4WEB is a collection & creation of codebase, frameworks, libraries and various resources dedicated to web development 📦🌐

?? Vous pouvez également contribuer à ajouter/créer votre propre collection dans ce référentiel ... Table des matières ?? Codebase ?? NPM packages ??

Raja Rakotonirina 5 Nov 14, 2022
A curated collection of free resources from across the web for front-end developers, covering everything from design to deployment.

A curated collection of free resources from across the web for front-end developers, covering everything from design to deployment.

Robert McAbee 6 Jul 11, 2022
A collection of useful tools for building web apps on Cloudflare Workers.

Keywork is a batteries-included, magic-free, library for building web apps on Cloudflare Workers. Features ?? Written in TypeScript ?? Modules Support

Nirrius Studio 28 Dec 22, 2022
This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.

Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo

Esther Udondian 6 Jul 25, 2022
Esther Udondian 6 Aug 1, 2022
Web Components engine based on JSX & TypeScript

WebCell Web Components engine based on JSX & TypeScript Usage Demo & GitHub template: https://web-cell.dev/scaffold/ Project bootstrap Command npm ini

null 162 Nov 17, 2022
A modular front-end framework - inspired by the server-side and Web Components.

The NX framework Home page, Docs NX is a modular front-end framework - built with ES6 and Web Components. The building blocks of NX are the core, the

NX framework 464 Dec 5, 2022
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.

AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon

Yiyi Sun 1.1k Dec 20, 2022
Material Design implemented in Web Components (Custom Elements v1)

Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge

Danny Moerkerke 110 Nov 14, 2022