抖音開源Semi Design產品設計系統

原創2021-10-27 00:06·web前端進階

今天給大家分享一個最新抖音開源的全面、易用、優質的企業級產品設計SemiDesign。

 

semi-design 字節跳動抖音前端與UED團隊推出的包含設計語言、React 組件、主題等開箱即用的中后台解決方案，幫助設計師與開發者打造高質量產品。

 

 

安裝

# 使用 npm npm i @douyinfe/semi-ui # 使用 yarn yarn add @douyinfe/semi-ui

引入使用

import React, { Component } from 'react'; import { Button, Toast } from '@douyinfe/semi-ui'; class Demo extends React.Component { constructor() { super(); } render() { return <Button onClick={() => Toast.warning({ content: 'Semi' })}>Hello Semi</Button>; } }

 

 

 

 

 

 

 

擁有超過40+組件，非常不錯的一款設計系統庫。star高達1.6K+。

# 官網地址 https://semi.design/zh-CN/ # 倉庫地址 https://github.com/DouyinFE/semi-design

好了，今天就分享到這里。感興趣的話，可以去看看哈！