DouyinFE/semi-design

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

10318 stars · 846 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Semi Design is a modern, comprehensive React UI library and design system maintained by Douyin (TikTok) frontend team, offering 80+ high-quality components with 3000+ design tokens for deep theming. It includes Design-to-Code (Figma to code) and Code-to-Design tooling, full accessibility, i18n/RTL support, SSR compatibility, and AI-friendly components.

Use cases

• build a react app with a component library
• customize a design system with design tokens
• convert figma designs to react code
• build accessible and internationalized web apps
• create a branded theme for a react ui
• build ai chat interfaces in react
• use ui components inside shadow dom for browser extensions

When to choose

• you need a comprehensive React component library with strong theming and design token support
• your team wants to bridge design and code with Figma D2C/C2D workflows
• you need built-in accessibility, i18n, RTL, and SSR support
• you are building AI chat or bot interfaces and want ready-made AI components

When to avoid

• you use Vue, Angular, or Svelte rather than React
• you need a minimal, unstyled headless component set
• your project requires a permissive OSI license (license is non-standard)
• you prefer a very lightweight library with a small bundle footprint

Facets

library · maturity active

ui-components frontend-framework theme internationalization accessibility ssr web-development frontend web-design developer-tools browser cross-platform react design-system design-tokens figma-plugin design-to-code dark-mode typescript ai-friendly web-components bytedance web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="DouyinFE/semi-design")