Skip to content

discountry/exchange-ui

Repository files navigation

Exchange UI

NPM npm npm

UI library for crypto exchanges.

Introducing our exquisite and sophisticated UI library tailored specifically for discerning crypto exchanges.

Immerse yourself in a world of luxury and elegance as our meticulously crafted design elements seamlessly integrate with the cutting-edge technology of the cryptocurrency industry.

Elevate your user experience to new heights with our high-end interface components, meticulously curated to ensure a seamless and visually stunning trading environment.

With our UI library, you can confidently offer your users a truly elevated and refined trading experience, solidifying your position as a premier destination for secure and stylish cryptocurrency transactions.

Installation

NPM

npm install exchange-ui

Yarn

yarn add exchange-ui

Usage

import "src/styles/globals.css";
import { ExchangeUiProvider } from "exchange-ui";
import { Button } from "exchange-ui";

<ExchangeUiProvider value={{ theme: "light" }}>
  <Component {...pageProps}></Component>
</ExchangeUiProvider>;
/** global.css */
@import "exchange-ui/exchange.css";
@import "./tailwind.css";

/** tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

Components

  • Button
  • Checkbox
  • Input
  • Select
  • Textarea
  • Tooltip
  • Modal
  • Dropdown
  • Tabs
  • Table
  • Pagination
  • Loader
  • Alert
  • Badge
  • Card
  • Divider
  • Silder
  • List
  • Tag
  • Typography
  • Avatar
  • Icon
  • Menu

Stack we use

react tailwindcss

figma github

License

This project is licensed under the terms of the MIT license.