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

224 Ramuri

DaiQiangReal 8d55f12c86 chore: add source head to all css in semi-animation-styled		4 ani în urmă
.github	f7b52ea887 docs: update pr template	4 ani în urmă
.storybook	f76bd5879d feat: init	4 ani în urmă
.vscode	f76bd5879d feat: init	4 ani în urmă
content	9681b8fbe0 docs(input): Update docs (#106)	4 ani în urmă
packages	8d55f12c86 chore: add source head to all css in semi-animation-styled	4 ani în urmă
plugins	f76bd5879d feat: init	4 ani în urmă
scripts	ee76c59903 Docs/changelog (#51)	4 ani în urmă
search	f76bd5879d feat: init	4 ani în urmă
src	ee76c59903 Docs/changelog (#51)	4 ani în urmă
static	f76bd5879d feat: init	4 ani în urmă
test	3867f9a84f Test update (#114)	4 ani în urmă
.commitlintrc.js	f76bd5879d feat: init	4 ani în urmă
.eslintignore	f76bd5879d feat: init	4 ani în urmă
.eslintrc.js	f76bd5879d feat: init	4 ani în urmă
.gitignore	f76bd5879d feat: init	4 ani în urmă
.prettierrc.js	f76bd5879d feat: init	4 ani în urmă
.stylelintrc.js	f76bd5879d feat: init	4 ani în urmă
CODE_OF_CONDUCT.md	0e46959d60 Create CODE_OF_CONDUCT.md	4 ani în urmă
CONTRIBUTING-en-US.md	6444591c2b docs: CONTRIBUTING	4 ani în urmă
CONTRIBUTING.md	6444591c2b docs: CONTRIBUTING	4 ani în urmă
LICENSE	ad3850dd1d docs: update license and add reference of some code from external librarys	4 ani în urmă
README-zh_CN.md	8c4c3ed474 fix typo (#59)	4 ani în urmă
README.md	8c4c3ed474 fix typo (#59)	4 ani în urmă
babel.config.js	f76bd5879d feat: init	4 ani în urmă
favicon.ico	f76bd5879d feat: init	4 ani în urmă
gatsby-browser.js	f76bd5879d feat: init	4 ani în urmă
gatsby-config.js	f76bd5879d feat: init	4 ani în urmă
gatsby-node.js	f76bd5879d feat: init	4 ani în urmă
gatsby-ssr.js	f76bd5879d feat: init	4 ani în urmă
jest.config.js	f76bd5879d feat: init	4 ani în urmă
lerna.json	f76bd5879d feat: init	4 ani în urmă
package.json	38c68ec3fd chore: update release workflow	4 ani în urmă
tsconfig.eslint.json	f76bd5879d feat: init	4 ani în urmă
tsconfig.json	f76bd5879d feat: init	4 ani în urmă

Semi-UI

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

[![NPM][npm-badge]][npm-url] [![FIGMA][figma-badge]][figma-url] [![LICENSE][license-badge]][license-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 官网拥有上千个支持实时调试的例子，欢迎体验使用。