快速搭建美观的 React 应用。由抖音前端与 UED 团队维护。 https://semi.design/

linyan 640d894f72 test: add import in tagInput		2 年之前
.codesandbox	bf853a8bda feat(icon): add double_chevron_left,double_chevron_right icons #260 (#341)	3 年之前
.github	3f0510c130 Test cypress (#1231)	3 年之前
.storybook	6f44d7e0d2 chore: remove useless storybook v5 config	3 年之前
.vscode	6ee6f82634 feat: token table add animation	3 年之前
content	685e01e0c9 Merge branch main into release	2 年之前
cypress	fa962bc7eb feat: new tooltip smart pos adjust (#1176)	2 年之前
packages	640d894f72 test: add import in tagInput	2 年之前
plugins	f76bd5879d feat: init	4 年之前
scripts	9a74b5c9d1 fix:fix design token merge logic	3 年之前
search	708df1978f chore: update search data	3 年之前
src	4b6519d753 chore: update homepage semi c2d section	2 年之前
static	ed6798dead docs: update v2.7.0 changelog	3 年之前
test	5244bea095 chore: add jest resizeobserver polyfill	3 年之前
.commitlintrc.js	f76bd5879d feat: init	4 年之前
.eslintignore	f76bd5879d feat: init	4 年之前
.eslintrc.js	08776929ba Merge branch 'release' into js2css	3 年之前
.gitattributes	8337c6d90a Update .gitattributes	3 年之前
.gitignore	f8d62f4c66 test: [Image] add test cases for Image (#1236)	2 年之前
.lighthouserc.js	fb91638513 chore(ci): lighthouse (#380)	3 年之前
.npmrc	37f53d3a5e chore: update yarn.lock	3 年之前
.prettierrc.js	f76bd5879d feat: init	4 年之前
.stylelintrc.js	f76bd5879d feat: init	4 年之前
CODE_OF_CONDUCT.md	0e46959d60 Create CODE_OF_CONDUCT.md	4 年之前
CONTRIBUTING-en-US.md	110db20637 docs: update CONTRIBUTING.md	3 年之前
CONTRIBUTING.md	d7e8271733 docs: update CONTRIBUTING.md	3 年之前
LICENSE	15deb4dd41 Update LICENSE	4 年之前
README-zh_CN.md	3399b3eeb0 docs(readme): remove fixed version in unpkg url	3 年之前
README.md	1ca2040a9a chore: change readme badge color	3 年之前
babel.config.js	f76bd5879d feat: init	4 年之前
cypress.json	19d7accbee feat(tooltip): leftTopOver supports autoAdjustOverflow #294 (#551)	3 年之前
favicon.ico	f76bd5879d feat: init	4 年之前
gatsby-browser.js	f76bd5879d feat: init	4 年之前
gatsby-config.js	66559b4561 chore: add cdn config	2 年之前
gatsby-node.js	8a51f202f2 build: add process.env.D2C_URL	3 年之前
gatsby-ssr.js	f76bd5879d feat: init	4 年之前
jest.config.js	591051eb86 test: add istanbul ignore to some file and update jest exclude config	3 年之前
lerna.json	3960e35ea5 v2.23.1	2 年之前
nyc.config.js	591051eb86 test: add istanbul ignore to some file and update jest exclude config	3 年之前
package.json	e24161e235 chore: update header version to v0.0.18	2 年之前
tsconfig.eslint.json	f76bd5879d feat: init	4 年之前
tsconfig.json	ef2531c8be Fix strict ts (#314)	3 年之前
yarn.lock	98e5713861 chore: update lock	2 年之前

Semi-UI

现代、全面、灵活的设计系统和 UI 库。快速搭建美观的 React 应用。

[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-url] [![BUILD-JS][build-js-badge]][build-js-url] [![BUILD-CSS][build-css-badge]][build-css-url] [![CODECOV][codecov-badge]][codecov-url] [![Chromatic][chromatic-badge]][chromatic-url] [![Cypress][cypress-badge]][cypress-url]

简体中文 | English

🎉 特性

💪 58+高质量组件
💅 强大的主题定制，多达两千多个 Design Token，深入定制每一处细节
🌍 国际化支持 14 种语言
👏 使用 TypeScript，良好的类型定义
🥳 支持 SSR

🔥 安装

# 使用 npm
npm install @douyinfe/semi-ui

# 使用 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'));

Semi UI 官网拥有上千个支持实时调试的例子，欢迎体验使用。