# Semi Design

React component library and design system from the Douyin front-end team, with themes built on design tokens.


Source: https://findsoftware.frbit.cloud/semi-design/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://semi.design
- repository: https://github.com/DouyinFE/semi-design
- docs: https://semi.design/en-US/start/getting-started
- x: https://twitter.com/SemiDesignUI

### Identity

- status: active
- maintainer: DouyinFE
- maintainerType: unknown
- parent: unknown
- firstRelease: 2021
- hqCountry: unknown

### Kind

- category: ui-library
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: react

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: yes

### Rendering and deploy

- runsAs: not applicable
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 2
- latestReleaseDate: 2026-10-09

### Adoption

- githubStargazers: 10437
- packagistDownloads: not applicable
- npmWeeklyDownloads: 22871
- contributors: 151
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 148
- dependentPackages: 38

### Sources

- urls: https://semi.design/ (read 2026-10-28)
- urls: https://api.github.com/repos/DouyinFE/semi-design (read 2026-10-28)
- urls: https://semi.design/en-US/start/getting-started (read 2026-10-28)
- maintainer: https://raw.githubusercontent.com/DouyinFE/semi-design/main/LICENSE (read 2026-10-28)
- language: https://api.github.com/repos/DouyinFE/semi-design (read 2026-10-28)
- category: https://semi.design/en-US/start/getting-started (read 2026-10-28)
- basedOn: https://semi.design/en-US/start/getting-started (read 2026-10-28)
- installMethod: https://semi.design/en-US/start/getting-started (read 2026-10-28)
- i18n: https://semi.design (read 2026-10-28)
- license: https://raw.githubusercontent.com/DouyinFE/semi-design/main/LICENSE (read 2026-10-28)
- license: https://registry.npmjs.org/@douyinfe/semi-ui (read 2026-10-28)
- licenseModel: https://raw.githubusercontent.com/DouyinFE/semi-design/main/LICENSE (read 2026-10-28)
- currentMajor: https://registry.npmjs.org/@douyinfe/semi-ui (read 2026-10-28)
- latestReleaseDate: https://registry.npmjs.org/@douyinfe/semi-ui (read 2026-10-28)
- firstRelease: https://github.com/DouyinFE/semi-design/releases/tag/v2.0.0 (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/DouyinFE/semi-design (read 2026-10-28)
- contributors: https://api.github.com/repos/DouyinFE/semi-design/contributors (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@douyinfe/semi-ui (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40douyinfe%2Fsemi-ui (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40douyinfe%2Fsemi-ui (read 2026-10-28)

## Notes

Semi Design is a React component library and design system maintained by the Douyin front-end team. The [getting started guide](https://semi.design/en-US/start/getting-started) describes the project as providing ready-to-use React components, and its install step names the package @douyinfe/semi-ui.

## Worth knowing

The main package is for React versions below 19. For React 19 the guide names a separate package, @douyinfe/semi-ui-19, which the examples can use in place of the main package. The getting-started page names a Figma Variant UI Kit.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0