抖音开源了一个前端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

?? 安装

# 使用 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 支持所有主流浏览器。

强大的组件库