Tencent's open-source design system supporting Vue, React, mobile web, and mini-programs.
npm install tdesign-react
EnterpriseReactVue.js
#React
14itemsAll UI component libraries and engineering guides tagged #React.
UI Component Libraries
A motion and gesture library for React and JavaScript with physics-based springs and layout animations.
npm install motion
AnimationReact
A clean and consistent open-source icon set with over 1,500 vector icons for React, Vue, Svelte, and vanilla HTML.
npm install lucide-react
Icons & AssetsReactSvelteVue.js
A headless component library powered by Zag.js state machines, with consistent behavior across React, Vue, and Svelte.
npm install @ark-ui/react
AccessibilityHeadlessReactSvelte+1
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
d
daisyUI
Pure CSS35k+
A component plugin for Tailwind CSS providing clean semantic class names with zero JavaScript dependencies.
npm i -D daisyui@latest
Pure CSSReactSvelteTailwind Ecosystem+1
An enterprise UI library with a complete set of React components, data tables, and form controls.
npm install antd
AccessibilityEnterpriseReact
Unstyled, accessible component primitives for building custom design systems and component libraries.
npm install @radix-ui/react-dialog
AccessibilityHeadlessReact
Modern visual effect components and animated cards built with React, Tailwind CSS, and Motion.
npm install framer-motion clsx tailwind-merge
AnimationCopy & PasteReactTailwind Ecosystem
Magic UI
Motion18k+
Animated UI components for landing pages and marketing sections, built with React, Tailwind CSS, and Motion.
npx shadcn@latest add https://magicui.design/r/bento-grid
AnimationCopy & PasteReactTailwind Ecosystem
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
Headless vs Pre-styled UI Libraries: The 2026 Guide
A practical comparison of Radix, Ark UI, Ant Design, and HeroUI for different project needs.
Guide
/1 min read
Why Copy-Paste UI Became Popular
Looking at how distributing component code directly into projects changed styling workflows and customization.