https://github.com/tsukishima1/hara-ui

好吧，这看上去是一个面向React的UI组件库 :)
https://github.com/tsukishima1/hara-ui

dumi react ui-components

Last synced: 7 months ago
JSON representation

好吧，这看上去是一个面向React的UI组件库 :)

• Host: GitHub
• URL: https://github.com/tsukishima1/hara-ui
• Owner: Tsukishima1
• License: mit
• Created: 2024-09-20T10:34:12.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-04T05:23:33.000Z (10 months ago)
• Last Synced: 2025-01-10T20:43:17.678Z (9 months ago)
• Topics: dumi, react, ui-components
• Language: TypeScript
• Homepage: https://tsukishima1.github.io/hara-ui/
• Size: 25.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# hara-ui ✨

[![NPM version](https://img.shields.io/npm/v/hara-ui.svg?style=flat)](https://npmjs.org/package/hara-ui)

[![NPM downloads](http://img.shields.io/npm/dt/hara-ui.svg?style=flat)](https://npmjs.org/package/hara-ui)

文档 🔗：https://tsukishima1.github.io/hara-ui/

A react library developed with dumi~ 🔥

**此项目作为个人练习的组件库，参考了 [Shadcn-UI](https://ui.shadcn.com) 的设计理念，目前还在开发中... :3**

支持切换**暗色主题**！

### 目前完成的组件：

- [x] Button 按钮

- [x] Input 输入框

- [x] Tooltip 文字提示

- [x] Select 选择器

- [x] Separator 分割线

- [x] Calendar 日历 

- [x] DropdownMenu 下拉菜单

- [x] Avatar 头像 

- [x] Switch 切换按钮 

- [x] Checkbox 复选框 

- [x] RadioGroup 单选按钮组

- [x] Card 卡片 

- [ ] Slider

- [ ] Sonner

- [ ] ...

---

## Development

```bash

# install dependencies

$ npm install

# develop library by docs demo

$ npm start

# build library source code

$ npm run build

# build library source code in watch mode

$ npm run build:watch

# build docs

$ npm run docs:build

# Locally preview the production build.

$ npm run docs:preview

# check your project for potential problems

$ npm run doctor

```

## LICENSE

MIT