Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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

Last synced: about 1 month ago
JSON representation

UI library for crypto exchange.

Awesome Lists containing this project

README

        


Blofin logo

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).