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'));
官方 https://semi.design/zh-CN/