字节跳动旗下开源产品- Semi Design 企业级应用 UI 解决方案

Semi Design 是现代、全面、灵活的设计系统和 UI 库，由字节跳动抖音前端与 UED 团队设计、开发并维护，是一款包含设计语言、React 组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的 React 应用。

特性

• 58+高质量组件
• 强大的主题定制，上千个 Design Token
• 国际化支持 14 种语言
• 使用 TypeScript，良好的类型定义
• 支持 SSR

支持平台

Semi UI 支持所有主流浏览器。

Edge	Firefox	Chrome	Safari	Electron
Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions

示例

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'));