抖音開源了一個前端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
# 使用 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 = () => (
primary button
ReactDOM.render(, document.querySelector('#app'));
Semi UI 官網 擁有上千個支持實時調試的例子,歡迎體驗使用。
文檔
-
快速開始
-
組件總覽
-
自定義主題
-
Design Tokens
-
暗色模式
-
Icons
-
全局配置
-
國際化
-
常見問題
-
CHANGELOG
Semi UI 支持所有主流瀏覽器。
強大的組件庫