Blofin UI

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 blofin-ui

Yarn

yarn add blofin-ui

Usage

import "src/styles/globals.css";
import { BlofinUiProvider } from "blofin-ui";
import { Button } from "blofin-ui";

<BlofinUiProvider value={{ theme: "light" }}>
  <Component {...pageProps}></Component>
</BlofinUiProvider>;

/** global.css */
@import "blofin-ui/blofin.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

License

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