抖音开源了一个前端UI框架-Semi-UI,还是不错的。大家可以了解下哈,等成熟了,可以用用。
Semi-UI,现代、全面、灵活的设计系统和 UI 库。快速搭建美观的React 应用。
Github开源地址:
https://github.com/DouyinFE/semi-design/
使用文档地址:
https://semi.design/zh-CN/start/getting-started
特性
58+高质量组件
强大的主题定制,上千个 Design Token
国际化支持 14 种语言
使用 TypeScript,良好的类型定义
支持 SSR
# 使用 npm
npm install @douyinfe/semi-ui
# 使用 yarn
yarn add @douyinfe/semi-ui
这是一个快速开始的例子:
import React from 'react';
import ReactDOM from 'react-dom';
import { Button, Switch } from '@douyinfe/semi-ui';
const App = () => (
primary button
ReactDOM.render(, document.querySelector('#app'));
Semi UI 官网 拥有上千个支持实时调试的例子,欢迎体验使用。
文档
快速开始
组件总览
自定义主题
Design Tokens
暗色模式
Icons
全局配置
国际化
常见问题
CHANGELOG
Semi UI 支持所有主流浏览器。
强大的组件库