https://github.com/blofin/blofin-ui

UI library for crypto exchange.
https://github.com/blofin/blofin-ui

Last synced: about 2 months ago
JSON representation

UI library for crypto exchange.

• Host: GitHub
• URL: https://github.com/blofin/blofin-ui
• Owner: blofin
• License: mit
• Created: 2023-06-09T10:49:45.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-29T10:23:08.000Z (about 2 months ago)
• Last Synced: 2024-07-30T05:00:08.870Z (about 2 months ago)
• Language: TypeScript
• Homepage: https://t.ly/W5Nc2
• Size: 1.92 MB
• Stars: 9
• Watchers: 2
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ccamel - blofin/blofin-ui - UI library for crypto exchange. (TypeScript)

README

        


  



Blofin UI


![cover](./src/assets/cover.png)

![NPM](https://img.shields.io/npm/l/blofin-ui)

![npm](https://img.shields.io/npm/v/blofin-ui)

![npm](https://img.shields.io/npm/dt/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**

```bash

npm install blofin-ui

```

**Yarn**

```bash

yarn add blofin-ui

```

## Usage

```jsx

import "src/styles/globals.css";

import { BlofinUiProvider } from "blofin-ui";

import { Button } from "blofin-ui";

  

;

```

```css

/** global.css */

@import "blofin-ui/blofin.css";

@import "./tailwind.css";

/** tailwind.css */

@tailwind base;

@tailwind components;

@tailwind utilities;

```

## Components

- [x] Button

- [x] Checkbox

- [x] Input

- [x] Select

- [x] Textarea

- [x] Tooltip

- [x] Modal

- [x] Dropdown

- [x] Tabs

- [x] Table

- [x] Pagination

- [x] Loader

- [x] Alert

- [x] Badge

- [x] Card

- [x] Divider

- [x] Silder

- [x] List

- [x] Tag

- [x] Typography

- [x] Avatar

- [x] Icon

- [x] Menu

## Stack we use

![react](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![figma](https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white)

![github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)

## License

This project is licensed under the terms of the

[MIT license](/LICENSE).