<h2>Overview</h2>
<p>Semi UI is a comprehensive UI framework that offers a wide range of high-quality components for building web applications. It has been consistently updated since 2019 and provides support for both Design to Code (D2C) and Code to Design (C2D) workflows. The framework also offers complete accessibility support and follows the W3C standards for keyboard interaction, focus management, and ARIA. Semi UI includes a design system management feature with over 2700 design tokens, making it easy to customize and adapt the design to any requirements. It also provides internationalization support for multiple languages and comes with strict quality assurance through unit testing, E2E testing, and visual testing. Semi UI is written in TypeScript and follows a Foundation/Adapter architecture, making it easy to read and contribute to. It is also compatible with Server Side Rendering (SSR).</p>
<h2>Features</h2>
<ul>
<li>Up to 60+ high-quality components</li>
<li>Official Design to Code (D2C) support, converting Figma drafts to real code in seconds</li>
<li>Code to Design (C2D) support, automatically generating Figma UI Kits according to different themes</li>
<li>Complete accessibility support following W3C standards</li>
<li>Design system management with over 2700 design tokens</li>
<li>Internationalization support for multiple languages and timezones</li>
<li>Strict quality assurance through unit testing, E2E testing, and visual testing</li>
<li>Written in TypeScript with static type support</li>
<li>Compatible with Server Side Rendering (SSR)</li>
</ul>


Douyinfe

Semi Design