抖音系企业应用设计系统 Semi Design React UI组件库

介绍

Semi Design 是一个设计系统，它定义了一套中后台设计与前端基础组件，帮助我们更容易地创造更加一致的用户体验。

特性

• 💪 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 = () => (
  <>
    <Button type='primary'>primary button</Button>
    <Switch size='large' />
  </>
);

ReactDOM.render(<App />, document.querySelector('#app'));

官网地址：https://semi.design/

开源地址：https://github.com/DouyinFE/semi-design