Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- 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-10-30T03:09:55.000Z (about 1 month ago)
- Last Synced: 2024-10-30T06:14:20.561Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://t.ly/W5Nc2
- Size: 1.81 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).