Xircus Chakra UI Components

These Chakra UI Components are simplified and uses Xircus SDK

Installation

yarn add @xircus-web3/components
npm install @xircus-web3/components

Usage

If you're using a Next JS app, this is how the _app.js will look like

import { XircusChakraProvider } from "@xircus-web3/components"

function MyApp({ Component, pageProps }) {
  return (
    <XircusChakraProvider autoConnect={true}>
      <Component {...pageProps} />
    </XircusChakraProvider>
  )
}

export default MyApp

Components

• Connect Wallet
• Xircus Registry Authentication with JWT Token and Referral Tracking
• Data Tables
• Data Tabs
• Cards
• Countdown
• Drawers
• Column Containers
• Gradients
• Forms

Crypto Specific Widgets

• Token Asset Tracker (LocalStorage)
• ERC20 Widget
• NFT Item Widget
• IPFS Uploader (Infura)
• Auction Widget
• Marketplace Listings
• DEX Swap Widget
• Predict Widget
• Contract Deploy Widget