Semi Design企業(yè)級(jí)應(yīng)用 UI 解決方案

Semi Design 是現(xiàn)代、全面、靈活的設(shè)計(jì)系統(tǒng)和 UI 庫(kù)，由字節(jié)跳動(dòng)抖音前端與 UED 團(tuán)隊(duì)設(shè)計(jì)、開發(fā)并維護(hù)，是一款包含設(shè)計(jì)語言、React 組件、主題等開箱即用的中后臺(tái)解決方案，可用于快速搭建美觀的 React 應(yīng)用。

特性

• 58+高質(zhì)量組件
• 強(qiáng)大的主題定制，上千個(gè) Design Token
• 國(guó)際化支持 14 種語言
• 使用 TypeScript，良好的類型定義
• 支持 SSR

支持平臺(tái)

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