抖音開(kāi)源了一個(gè)前端UI框架-Semi-UI,還是不錯(cuò)的。大家可以了解下哈,等成熟了,可以用用。
Semi-UI,現(xiàn)代、全面、靈活的設(shè)計(jì)系統(tǒng)和 UI 庫(kù)。快速搭建美觀的React 應(yīng)用。
github開(kāi)源地址:
https://github.com/DouyinFE/semi-design/
使用文檔地址:
https://semi.design/zh-CN/start/getting-started
特性
58+高質(zhì)量組件
強(qiáng)大的主題定制,上千個(gè) Design Token
國(guó)際化支持 14 種語(yǔ)言
使用 TypeScript,良好的類(lèi)型定義
支持 SSR
# 使用 npm
npm install @douyinfe/semi-ui
# 使用 yarn
yarn add @douyinfe/semi-ui
使用
這是一個(gè)快速開(kāi)始的例子:
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 官網(wǎng) 擁有上千個(gè)支持實(shí)時(shí)調(diào)試的例子,歡迎體驗(yàn)使用。
文檔
快速開(kāi)始
組件總覽
自定義主題
Design Tokens
暗色模式
Icons
全局配置
國(guó)際化
常見(jiàn)問(wèn)題
CHANGELOG
Semi UI 支持所有主流瀏覽器。
強(qiáng)大的組件庫(kù)
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶(hù)上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.