Libraries we love
The design & frontend libraries we actually use and love — hand-picked, best-in-class, each one focused on doing a single thing exceptionally well.
29
Libraries
8
Categories
$0
Forever
React Three Fiber
cmdk
Sonner
Recharts
Headless & Primitives
(4)Base UI
base-ui.com
Unstyled, accessible React primitives
From the creators of Radix, Floating UI and Material UI. The most minimal possible foundation — zero styles, full accessibility — you bring the design.
Radix UI
radix-ui.com
Battle-tested headless components
Unstyled dialogs, dropdowns, popovers and more with keyboard support and accessibility built in. The primitives that power shadcn/ui.
React Aria
react-spectrum.adobe.com
Accessibility-first hooks & components
Adobe’s unstyled components and hooks with world-class accessibility, internationalization and consistent behavior across every device.
Floating UI
floating-ui.com
Positioning floating elements
The positioning engine behind tooltips, popovers and dropdown menus — handles anchoring, collisions and flipping perfectly.
Styled Components
(4)shadcn/ui
ui.shadcn.com
Copy-paste components you own
Not an npm dependency — beautifully designed components built on Radix + Tailwind that you copy into your project and fully control.
COSS UI
coss.com
Complete pre-styled kit on Base UI
A modern component library built on top of Base UI — hundreds of polished, accessible components aimed at developers and AI apps. Origin UI now lives here too.
DiceUI
diceui.com
Advanced shadcn-compatible components
Accessible copy-paste components — data tables, tag inputs, sortable lists — that slot straight into the shadcn/ui ecosystem.
daisyUI
daisyui.com
CSS-only Tailwind components
Semantic component classes for Tailwind — buttons, cards, modals with zero JavaScript. Works with any framework, fully themeable.
Animation
(6)Motion
motion.dev
Production-grade animation
Formerly Framer Motion. Springs, gestures, layout and scroll animations with a declarative API — the default choice for React animation.
GSAP
gsap.com
Industry-standard web animation
The animation engine behind countless award-winning sites — timelines, ScrollTrigger, SVG and text effects. Now 100% free, all plugins included.
Lottie
lottiefiles.com
After Effects animations on the web
Play designer-made vector animations as lightweight JSON with the open-source Lottie players — micro-interactions, loaders and hero art.
AutoAnimate
auto-animate.formkit.com
Zero-config animations in one line
Add a single hook and your lists, grids and DOM changes animate automatically. No keyframes, no configuration.
Magic UI
magicui.design
Animated marketing components
150+ free animated components — beams, marquees, number tickers — built with React, Tailwind and Motion. Made for landing pages.
Aceternity UI
ui.aceternity.com
Show-stopping animated sections
Copy-paste components with cinematic effects — spotlight heroes, 3D cards, background beams — built with React, Tailwind and Motion.
3D & WebGL
(2)Three.js
threejs.org
3D graphics in the browser
The standard WebGL engine — scenes, lights, materials, models. Powers practically every 3D experience you’ve seen on the web.
React Three Fiber
r3f.docs.pmnd.rs
Three.js as React components
Build declarative 3D scenes with React state and components — the React renderer for Three.js, with a huge helper ecosystem (drei).
Interaction
(6)dnd kit
dndkit.com
Drag & drop for React
A lightweight, modular toolkit for any drag-and-drop experience — sortable lists, grids, multiple containers — with keyboard accessibility.
cmdk
cmdk.paco.me
⌘K command menus
A fast, composable, unstyled command-menu component — the search palette you see in Linear, Vercel and Raycast.
Embla Carousel
embla-carousel.com
Carousels & sliders
A bare-bones, dependency-free carousel with buttery drag physics and full control over the look. Powers shadcn/ui’s carousel.
Vaul
vaul.emilkowal.ski
Mobile-style drawers
An unstyled drawer component with the iOS snap-and-drag feel — built on top of Radix Dialog.
Sonner
sonner.emilkowal.ski
Toast notifications
An opinionated toast component — stacked, swipeable, promise-aware notifications that look right out of the box.
Lenis
lenis.darkroom.engineering
Buttery smooth scrolling
A lightweight smooth-scroll library that keeps native scrolling semantics — the scroll feel behind countless award-winning sites.
Data & Charts
(3)TanStack Table
tanstack.com
Headless tables & datagrids
100% headless logic for sorting, filtering, grouping, pagination and virtualization — you render the markup, it does the math.
React Flow
reactflow.dev
Node-based UIs & diagrams
Build flow charts, workflow editors and node graphs with drag, zoom, minimap and fully custom nodes.
Recharts
recharts.org
Composable charts
Declarative chart components built on D3 — the chart library behind shadcn/ui charts.
Forms & State
(2)