Popularity
8.7
Growing
Activity
9.8
Growing
5,830
64
423

Programming language: TypeScript
License: GNU General Public License v3.0 or later
Tags: UI Frameworks     Responsive    

semi-design alternatives and similar libraries

Based on the "Responsive" category.
Alternatively, view semi-design alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of semi-design or a related project?

Add another 'Responsive' Library

README

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

NPM FIGMA LICENSE BUILD-JS BUILD-CSS CODECOV Chromatic Cypress

English | [็ฎ€ไฝ“ไธญๆ–‡](./README-zh_CN.md)

๐ŸŽ‰ Features

  • ๐Ÿ’ช Up to 58 high-quality Components.
  • ๐Ÿ’… 2000+ Design Tokens. Flexible custom render structure. Build your own design system.
  • ๐ŸŒ 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 has hundreds of editable examples and live preview, welcome to 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 versions Edge latest 2 versions

๐Ÿ‘ 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](CONTRIBUTING-en-US.md) documentation.

๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘งโ€๐Ÿ‘ฆ User Group

Join User Group.

๐Ÿ’– Thanks

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.

Thanks to Cypress for providing E2E testing.

๐ŸŽˆ License

Semi UI is [MIT Licensed](LICENSE)


*Note that all licence references and agreements mentioned in the semi-design README section above are relevant to that project's source code only.