UI & Design
Component libraries, styling, icons, animation, charts, canvases and editors.
Use these when you want your app to look great fast — components, icons, motion, charts or rich editors.
Ranked by vibe score
excalidrawVirtual whiteboard for sketching hand-drawn like diagrams★ 136k
uiComposable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.★ 128k
three.jsJavaScript 3D Library.★ 118k
tailwindcssA utility-first CSS framework for rapid UI development.★ 98.6k
tldrawBuild infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.★ 51.4k
gradioBuild and share delightful machine learning apps, all in Python. 🌟 Star to support our work!★ 44k
daisyui🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library★ 42.8k
chakra-uiChakra UI is a component system for building SaaS products with speed ⚡️★ 40.7k
tiptapThe headless rich text editor framework for web artisans.★ 39k
xyflowReact Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.★ 39k
motionA modern animation library for React and JavaScript★ 35.1k
mantineA fully featured React components library★ 31.9k
heroui🚀 Beautiful, fast and modern React UI library. (Previously NextUI)★ 31.2k
rechartsRedefined chart library built with React and D3★ 27.7k
lucideBeautiful & consistent icon toolkit made by the community. Lucide is an open-source icon library that provides 2000+ vector (svg) files for displaying icons and symbols in digital and non-digital projects.★ 25.7k
magicuiUI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.★ 23.2k
tabler-iconsA set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.★ 22.6k
img2threejsRebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.★ 21.2k
react-three-fiber🇨🇭 A React renderer for Three.js★ 33.7k
react-email💌 Build and send emails using React★ 19.9k
primitivesRadix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.★ 19.5k
sonnerAn opinionated toast component for React.★ 13.2kvaulA drawer component for React.★ 8.7k
cmdkFast, unstyled command menu React component.★ 13.1k
tremorCopy & Paste React components to build modern web applications.★ 3.7kAlso useful here
lemo-opuscarA toolbox of film styles made in code for Claude Code: 66 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱：66 种现成风格，也能做出你自己的★ 14.8k
formbricksOpen Source Qualtrics Alternative★ 13.2k
dub.linkThe modern link attribution platform. Loved by world-class engineering teams at Twilio, Zillow, Jobber, Vercel, Raycast, and more.★ 25.2k
ezaA modern alternative to ls★ 23.9kWhat are the best ui & design repositories?
By vibe score (popularity, freshness and hygiene), the top UI & Design picks are excalidraw/excalidraw (136k★), shadcn-ui/ui (128k★), mrdoob/three.js (118k★), tailwindlabs/tailwindcss (98.6k★), tldraw/tldraw (51.4k★).
When do I need ui & design?
Use these when you want your app to look great fast — components, icons, motion, charts or rich editors.