抖音开源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

好了，今天就分享到这里。感兴趣的话，可以去看看哈！