jhaidi / semi-design Goto Github PK

View Code? Open in Web Editor NEW

A modern, comprehensive, flexible design system and React UI library

License: MIT License

JavaScript 39.66% Python 0.01% SCSS 11.05% TypeScript 48.71% CSS 0.47% HTML 0.10%

semi-design's Introduction

Semi-UI

A modern, comprehensive, flexible design system and UI library. Quickly build beautiful React apps.

English | 简体中文

🎉 Features

💪 Up to 58 high-quality Components.
💅 Thousands Design Tokens. Powerful Themes Customizing.
🌍 Internationalization Support for Dozens of Languages.
👏 Written in Typescript, Friendly Static Type Support.
🥳 SSR (Server Side Rendering) Compatible.

🔥 Install

# with npm
npm install @douyinfe/semi-ui

# with yarn
yarn add @douyinfe/semi-ui

👍 Usage

Here is a quick example to get you started, it's all you need:

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'));

And Semi UI Doc Site have hundreds editable examples and live preview, welcome play with those examples.

📌 Documentation

👌 Platform Support

Semi UI supports all major modern browsers.

chrome	firefox	safari	IE/Edge	Electron
latest 2 versions	latest 2 versions	latest 2 version	Edge	latest 2 version

👐 Contributing

Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes to Semi UI.

See CONTRIBUTING documentation.