聲明：該文章由作者（林思妤）發(fā)表，轉(zhuǎn)載此文章須經(jīng)作者同意并請(qǐng)附上出處(0XUCN)及本頁(yè)鏈接。。

Semi UI 是由抖音前端團(tuán)隊(duì)基于 Semi Design 設(shè)計(jì)體系提供的一套 React UI 組件庫(kù)，專(zhuān)為構(gòu)建高質(zhì)量的企業(yè)級(jí)中后臺(tái)應(yīng)用而設(shè)計(jì)，包含布局、表單、表格、代碼高亮、Chat 對(duì)話、顏色選擇器、日歷、描述列表、模態(tài)框、樹(shù)形控件等 70+ 組件。除此之外，還提供多種主題定制功能、20+ 國(guó)際化語(yǔ)言支持等。

Semi UI 組件庫(kù)支持 SSR 服務(wù)器端渲染，支持在 Next.js、Gatsby 和 Remix 等框架中使用

semi 提供大量頁(yè)面模板供開(kāi)發(fā)者使用，包含表單輸入、數(shù)據(jù)展示、頁(yè)面導(dǎo)航布局等，每個(gè)模板都提供 react 源碼，可在線修改，及時(shí)展示，可以設(shè)置抖音、飛書(shū)、剪影、火山等 7 個(gè)主題風(fēng)格。

支持語(yǔ)言：

簡(jiǎn)體中文、繁體中文、俄羅斯語(yǔ)、英語(yǔ)、日語(yǔ)、韓語(yǔ)、越南語(yǔ)、泰語(yǔ)、印尼語(yǔ)、馬來(lái)語(yǔ)、阿拉伯語(yǔ)、土耳其語(yǔ)、葡萄牙語(yǔ)、西班牙語(yǔ)、意大利語(yǔ)、法語(yǔ)、德語(yǔ)、羅馬尼亞語(yǔ)、瑞典語(yǔ)、波蘭語(yǔ)、荷蘭語(yǔ)

核心特點(diǎn)：

高質(zhì)量組件：提供一系列的高質(zhì)量 React 組件，幫助開(kāi)發(fā)者快速構(gòu)建應(yīng)用。

國(guó)際化支持：支持多語(yǔ)言和多時(shí)區(qū)，適合開(kāi)發(fā)全球化的應(yīng)用。Live Code：允許在線實(shí)時(shí)編輯和演示UI組件。服務(wù)器端渲染（SSR）支持：組件庫(kù)支持SSR，適用于 Next.js、Gatsby 和 Remix等框架。Web Components 兼容：提供完整的適配方案，組件在 Web Components 中也可以正常工作。主題定制：提供大量的設(shè)計(jì)令牌，便于快速定制和調(diào)整主題以符合品牌風(fēng)格。社區(qū)支持：Semi Design 擁有活躍的社區(qū)，開(kāi)發(fā)者可以通過(guò)社區(qū)獲取幫助和交流經(jīng)驗(yàn)。

GitHub：https://github.com/DouyinFE/semi-design

官方文檔：https://semi.design/zh-CN

[超站]友情鏈接：

四季很好，只要有你，文娛排行榜：https://www.yaopaiming.com/
關(guān)注數(shù)據(jù)與安全，洞悉企業(yè)級(jí)服務(wù)市場(chǎng)：https://www.ijiandao.com/