半UI级
一个现代化,全面,灵活的设计体系和UI库. 连接设计Ops & DevOps. 快速建立美丽的React应用程序. 由杜殷夫团队维护.
* 特性
- QQ 最多70+高品质组件.
- QQ 代码2 设计, 根据不同主题自动生成 Figma UI Kit, 在设计和代码之间保持不变
- * 强大的设计2 代码支持, 在几秒钟内将 figma 草稿转换为代码
- +++ 完整 A11y 支持,遵循 W3C 标准,为所有组件提供键盘交互、焦点管理和 ARIA
- QQ上到3000+ Design Tokens可以很容易地由半设计系统管理来修改,使"半设计"迅速变成"Any Design".
- * 支持数十种语言、时区、RTL支持的国际化
- * 严格质量保证,涵盖单位测试、E2E测试、视觉测试
- QQ 写入 Typescript, 友好的静态类型支持 。 以基金会/Adapter建筑为基础,易于阅读并作出贡献
- QQ SSR(服务员侧面渲染)相容.
QQ 安装
# with npm
npm install @douyinfe/semi-ui
# with yarn
yarn add @douyinfe/semi-ui
使用量
这里有一个简单的例子 让你开始, 这是你所需要的:
import React from 'react';
import ReactDOM from 'react-dom';
import { Button, Switch } from '@douyinfe/semi-ui';
const App = () => (
<>
<Button type='primary'>primary button</Button>
<Switch size='large' />
</>
);
ReactDOM.render(<App />, document.querySelector('#app'));
还有 半 UI 多克站点 有上百个可以编辑的例子和现场预览, 欢迎播放这些例子.
关于半UI的新闻
页:1
++ 平台支持
半UI支持所有主要的现代浏览器.
 铬 |  火花 |  萨法里 |  电子/电子 |  电子 |
|---|---|---|---|---|
| 最近两个版本 | 最近两个版本 | 最近两个版本 | 边缘 | 最近两个版本 |
QQ 用户组
联合 用户组 飞翔/拉克
谢谢
感谢 色谱 提供视觉测试平台 帮助我们审查UI的变化 并捕捉视觉回归.
感谢 齐压 用于提供E2E测试.
捐款
多亏了所有已经出力的人!
阅读贡献指南以了解我们的开发过程,如何提出错误修正和改进,以及如何构建和测试您对Semi UI的修改.
见 捐款 文档.
许可证
半UI为 麻省理工学院