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

pointhalo 12d32f5f12 fix: Form Field label for attribute not right when setting id, close #683		il y a 3 ans
.codesandbox	bf853a8bda feat(icon): add double_chevron_left,double_chevron_right icons #260 (#341)	il y a 3 ans
.github	b3bbd15e07 chore: beta merge main	il y a 3 ans
.storybook	b21cc71a12 chore: update storybook scripts to prevent using build package when developing	il y a 3 ans
.vscode	f76bd5879d feat: init	il y a 4 ans
content	33e9342ab3 docs: add chagnelog v2.6.0-beta.0	il y a 3 ans
cypress	2b26fc9d64 test: update form e2e test port	il y a 3 ans
packages	12d32f5f12 fix: Form Field label for attribute not right when setting id, close #683	il y a 3 ans
plugins	f76bd5879d feat: init	il y a 4 ans
scripts	4522b02dc9 chore: add `design token` changelog type	il y a 3 ans
search	d59d36cb7c docs: update semantization (#121)	il y a 4 ans
src	4522b02dc9 chore: add `design token` changelog type	il y a 3 ans
static	ce4610bbb1 fix: try cdn	il y a 3 ans
test	f2b174f54e docs: update umd script usage	il y a 3 ans
.commitlintrc.js	f76bd5879d feat: init	il y a 4 ans
.eslintignore	f76bd5879d feat: init	il y a 4 ans
.eslintrc.js	831671b308 chore: add object-currry-spacing lint	il y a 3 ans
.gitattributes	8337c6d90a Update .gitattributes	il y a 3 ans
.gitignore	ccc79b780e test: cypress init (#466)	il y a 3 ans
.lighthouserc.js	fb91638513 chore(ci): lighthouse (#380)	il y a 3 ans
.npmrc	37f53d3a5e chore: update yarn.lock	il y a 3 ans
.prettierrc.js	f76bd5879d feat: init	il y a 4 ans
.stylelintrc.js	f76bd5879d feat: init	il y a 4 ans
CODE_OF_CONDUCT.md	0e46959d60 Create CODE_OF_CONDUCT.md	il y a 4 ans
CONTRIBUTING-en-US.md	110db20637 docs: update CONTRIBUTING.md	il y a 3 ans
CONTRIBUTING.md	d7e8271733 docs: update CONTRIBUTING.md	il y a 3 ans
LICENSE	15deb4dd41 Update LICENSE	il y a 4 ans
README-zh_CN.md	3399b3eeb0 docs(readme): remove fixed version in unpkg url	il y a 3 ans
README.md	15bb147933 docs: update readme	il y a 3 ans
babel.config.js	f76bd5879d feat: init	il y a 4 ans
cypress.json	19d7accbee feat(tooltip): leftTopOver supports autoAdjustOverflow #294 (#551)	il y a 3 ans
favicon.ico	f76bd5879d feat: init	il y a 4 ans
gatsby-browser.js	f76bd5879d feat: init	il y a 4 ans
gatsby-config.js	598c5b0a71 fix: remove gatsby-remark-unwrap plugin	il y a 3 ans
gatsby-node.js	e62ef153fc chore: update banner config	il y a 3 ans
gatsby-ssr.js	f76bd5879d feat: init	il y a 4 ans
jest.config.js	f76bd5879d feat: init	il y a 4 ans
lerna.json	856255d8b5 v2.5.0	il y a 3 ans
package.json	19d7accbee feat(tooltip): leftTopOver supports autoAdjustOverflow #294 (#551)	il y a 3 ans
tsconfig.eslint.json	f76bd5879d feat: init	il y a 4 ans
tsconfig.json	ef2531c8be Fix strict ts (#314)	il y a 3 ans
yarn.lock	404435bd30 Feat/update header (#559)	il y a 3 ans

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 官网拥有上千个支持实时调试的例子，欢迎体验使用。