今天介绍的开源项目,喜欢后台管理系统的小伙伴们不要错过哦,开源地址在文末
Semi-UI
现代、全面、灵活的设计系统和 UI 库。 快速搭建美观的 React 应用。
简体中文 | English
特性
- 58 高质量组件
- 强大的主题定制,上千个 Design Token
- 国际化支持 14 种语言
- 使用 TypeScript,良好的类型定义
- 支持 SSR
安装
# 使用 npmnpm install @douyinfe/semi-ui# 使用 yarnyarn add @douyinfe/semi-ui
使用
这是一个快速开始的例子:
import React from 'react';import ReactDOM from 'react-dom';import { Button, Switch } from '@douyinfe/semi-ui';const App = () => ( <> <Button type='primary'>primary button</Button> <Switch size='large' /> </>);ReactDOM.render(<App />, document.querySelector('#app'));
Semi UI 官网 拥有上千个支持实时调试的例子,欢迎体验使用。
文档
- 快速开始
- 组件总览
- 自定义主题
- Design Tokens
- 暗色模式
- Icons
- 全局配置
- 国际化
- 常见问题
- CHANGELOG
平台支持
Semi UI 支持所有主流浏览器。
|
|
|
|
|
latest 2 versions | latest 2 versions | latest 2 versions | Edge | latest 2 versions |
贡献指南
阅读贡献指南了解我们的开发流程,包括开发规范、测试规范和构建规范等。
CONTRIBUTING
协议
Semi UI 使用 MIT 协议
开源地址:https://github.com/DouyinFE/semi-design
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。