Tencent's open-source design system supporting Vue, React, mobile web, and mini-programs.
Component Kits
7resourcesBrowse all open source libraries and guides under Component Kits.
UI Component Libraries
npm install tdesign-react
EnterpriseReactVue.js
ByteDance's design system offering React and Vue 3 component libraries for web applications.
npm install @arco-design/web-react
EnterpriseReactVue.js
A React component library built on React Aria and Tailwind CSS with built-in dark mode and smooth transitions.
npm i @heroui/react framer-motion
AccessibilityAnimationReactTailwind Ecosystem
A comprehensive Vue 3 component library with TypeScript support for desktop applications.
npm install element-plus
EnterpriseVue.js
An enterprise UI library with a complete set of React components, data tables, and form controls.
npm install antd
AccessibilityEnterpriseReact
Re-usable components built with Radix UI and Tailwind CSS that you can copy and paste into your apps.
npx shadcn@latest init
AccessibilityCopy & PasteHeadlessReact+1
Related Guides
Guide
/1 min read
Why Copy-Paste UI Became Popular
Looking at how distributing component code directly into projects changed styling workflows and customization.