Semi Design
React component library and design system from the Douyin front-end team, with themes built on design tokens.
Semi Design is a React component library and design system maintained by the Douyin front-end team. The getting started guide 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.
Identity
Rendering and deploy
- Install with
- npm3
Releases
Adoption
Sources
- 2026-10-28: links
semi.design/ - 2026-10-28: links, Written in, GitHub stars
api.github.com/repos/DouyinFE/semi-design - 2026-10-28: links, Categories, Built on, Install with
semi.design/en-US/start/getting-started - 2026-10-28: Maintainer, License, License model
raw.githubusercontent.com/DouyinFE/semi-design/main/LICENSE - 2026-10-28: Multilingual
semi.design - 2026-10-28: License, Current major version, Last release
registry.npmjs.org/@douyinfe/semi-ui - 2026-10-28: First release
github.com/DouyinFE/semi-design/releases/tag/v2.0.0 - 2026-10-28: Contributors
api.github.com/repos/DouyinFE/semi-design/contributors - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@douyinfe/semi-ui - 2026-10-28: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40douyinfe%2Fsemi-ui