Skip to content

A component library for the crypto creators age. Build by MintGate

License

Notifications You must be signed in to change notification settings

simonweniger/mintflowui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mintflowui

A component library for the crypto creators age. Build beautiful user interfaces arround tokens, nfts and crypto economies. Adds component classes like btn, card and more to Tailwind CSS

Features

  • Tailwind CSS plugin
    mintflowui is a Tailwind CSS plugin. Install it, add it to your tailwind.config.js file.
  • Component classes
    Adds component classes to Tailwind. Classes like btn, card,… So you will end up with a cleaner HTML.
  • Semantic color names
    Adds color names like primary, secondary, accent,….
  • Customizable
    You can customize the design of components with Tailwind utility classes and CSS variables.
  • Themeable
    Add multiple themes and customize colors. You can even set a theme for a specific section of your page.
  • RTL supported
    Enable rtl config for right to left layouts.
  • Pure CSS
    No script file, no dependencies. 2KB gzip!
  • Build for Dapps
    Comoponents designed for Web3 Applications (NFTs, Tokens, Wallets etc.)

👩‍💻 Install now!

npm i @mintgate/mintflowui --save

or

yarn add @mintgate/mintflowui

Then add mintflowui to your tailwind.config.js

module.exports = {

  plugins: [
    require('@mintgate/mintflowui'),
  ],

}

🎉 Use

Use component classes like btn, card, etc… to add beautifull looking NFT and Token cards to your UI.

<a class="btn">Hello!</a>
<div class="shadow card">
  <div class="card-body">
    <h2 class="card-title">Card Title</h2> 
    <p>Card text</p>
  </div>
</div>