Styling / UI & Animation
Styling engine, component primitives, and animation / 3D libraries.
Tailwind CSS
Utility-first CSS framework with an optimizing compiler.
- Cost
- Free
- Popularity
- Difficulty
- Easy
shadcn/ui
Copy-paste component recipes built on Radix + Tailwind.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Framer Motion
Production-ready React animation library — declarative motion, gestures, layout animations.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Three.js
The dominant WebGL library — 3D scenes, shaders, cameras, lighting in the browser.
- Cost
- Free
- Popularity
- Difficulty
- Hard
Radix UI
Unstyled, accessible primitives for dialogs, menus, and more.
- Cost
- Free
- Popularity
- Difficulty
- Medium
MUI
Material-design React components, battle-tested in enterprise.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Bootstrap
The classic — CSS utility classes and components.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Headless UI
Unstyled, accessible React components from the Tailwind team.
- Cost
- Free
- Popularity
- Difficulty
- Easy
GSAP
Industry-standard JavaScript animation engine — timelines, scroll triggers, morphing.
- Cost
- Free
- Popularity
- Difficulty
- Medium
React Three Fiber
React renderer for Three.js — build 3D scenes as React components.
- Cost
- Free
- Popularity
- Difficulty
- Medium
Chakra UI
Component library with a design system and theming.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Mantine
Full-featured React components library — 100+ hooks and components.
- Cost
- Free
- Popularity
- Difficulty
- Easy
daisyUI
Tailwind plugin that adds semantic component class names (btn, card, modal).
- Cost
- Free
- Popularity
- Difficulty
- Easy
HeroUI
React component library (formerly NextUI) with modern motion and theming.
- Cost
- Free
- Popularity
- Difficulty
- Easy
react-spring
Physics-based spring animations for React — popular for fluid, natural motion.
- Cost
- Free
- Popularity
- Difficulty
- Medium
Lottie (lottie-react)
Play After Effects animations exported as JSON — great for onboarding, empty states, hero illustrations.
- Cost
- Free
- Popularity
- Difficulty
- Easy
Ariakit
Unstyled, accessible React primitives — a peer to Radix with a different API.
- Cost
- Free
- Popularity
- Difficulty
- Medium
Motion One
Hardware-accelerated, framework-agnostic animation library with a tiny core.
- Cost
- Free
- Popularity
- Difficulty
- Medium