Full Resource List
A static reference of all resources, grouped by category.
🧱 Components
| Tool | Description | Link |
|---|---|---|
| shadcn/ui ★ | Tailwind + Radix · Copy-paste | ui.shadcn.com |
| MUI | Material Design · Enterprise | mui.com |
| Ant Design | Enterprise · Data-heavy UIs | ant.design |
| HeroUI | Tailwind-native · Stylish | heroui.com |
| Chakra UI | Accessible · Composable | chakra-ui.com |
| Mantine | 100+ components · Hooks included | mantine.dev |
| Radix UI | Unstyled primitives · A11y-first | radix-ui.com |
| Headless UI | Unstyled · Tailwind-native | headlessui.com |
| DaisyUI | Semantic Tailwind classes | daisyui.com |
| PrimeReact | 90+ rich components | primereact.org |
| Tailwind UI 💰 | Premium · Tailwind-first | tailwindui.com |
| Flowbite | Tailwind component blocks | flowbite.com |
✨ Animation
| Tool | Description | Link |
|---|---|---|
| Anime.js ★ | Lightweight JS animation engine | animejs.com |
| Framer Motion ★ | React animation · Production grade | motion.dev |
| GSAP ★ | Industry standard · Insanely powerful | gsap.com |
| Three.js | 3D graphics in the browser | threejs.org |
| React Three Fiber | React renderer for Three.js | r3f.docs.pmnd.rs |
| Lottie | After Effects → Web animations | lottiefiles.com |
| Theatre.js | Animation sequencer with GUI | theatrejs.com |
| Auto-Animate | Zero-config drop-in animations | auto-animate.formkit.com |
🎨 Creative
| Tool | Description | Link |
|---|---|---|
| Unicorn Studio ★ | No-code WebGL motion embeds | unicorn.studio |
| Spline | 3D design in the browser | spline.design |
| Rive | Interactive animations for apps | rive.app |
| Jitter | Motion design · Figma-like | jitter.video |
| Cavalry | Procedural 2D animation | cavalry.scenegroup.co |
🪄 Animated Kits
| Tool | Description | Link |
|---|---|---|
| Aceternity UI ★ | Animated landing page components | ui.aceternity.com |
| Magic UI ★ | Animated React components | magicui.design |
| Animate UI | Motion-first components | animate-ui.com |
| 21st.dev | Community-built shadcn components | 21st.dev |
| Origin UI | Form-focused shadcn blocks | originui.com |
| Cult UI | Niche · Creative components | cult-ui.com |
| Eldora UI | Tailwind animated components | eldoraui.site |
| Kokonut UI | Copy-paste animated components | kokonutui.com |
🖼️ Backgrounds
| Tool | Description | Link |
|---|---|---|
| Vanta.js | Animated 3D backgrounds | vantajs.com |
| tsParticles | Modern particles library | particles.js.org |
| Haikei | SVG blob / wave / gradient generator | haikei.app |
| SVG Backgrounds | Free SVG pattern backgrounds | svgbackgrounds.com |
| css.glass | Glassmorphism CSS generator | css.glass |
🔣 Icons
| Tool | Description | Link |
|---|---|---|
| Lucide | Clean · Open-source icon set | lucide.dev |
| Phosphor Icons | Flexible · Multi-style icon family | phosphoricons.com |
| Heroicons | Official Tailwind CSS icons | heroicons.com |
| Tabler Icons | 5000+ free MIT icons | tabler.io/icons |
| Iconify | Universal icon framework | iconify.design |
| Radix Icons | Radix UI icon set | radix-ui.com/icons |
🎯 CSS Frameworks
| Tool | Description | Link |
|---|---|---|
| Tailwind CSS ★ | Utility-first · Industry standard | tailwindcss.com |
| Bootstrap | The classic · Responsive grid | getbootstrap.com |
| Bulma | Flexbox-based · No JavaScript | bulma.io |
| Open Props | CSS custom property primitives | open-props.style |
| Panda CSS | Type-safe CSS-in-JS | panda-css.com |
★ = Top pick · 💰 = Paid · Last updated: March 2026
Blogs & Writers Worth Following
Hand-picked dev blogs that consistently ship high-quality content.
🎨 UI / Design Engineering
| Writer | Focus | Link |
|---|---|---|
| Build UI | Small interactive UI recipes in React | buildui.recipes |
| Emil Kowalski | Motion and UI craft (shadcn contributor) | emilkowal.ski |
| Rauno Freiberg | Insanely detailed UI micro-interactions | rauno.me |
| Paco Coursey | Dark mode, design systems, minimalism | paco.me |
| Lee Robinson | Next.js, web perf, DX (Vercel) | leerob.io |
🎯 CSS / Frontend
| Writer | Focus | Link |
|---|---|---|
| CSS-Tricks | The classic, still the best CSS reference | css-tricks.com |
| Smashing Magazine | Deep dives on CSS, UX, accessibility | smashingmagazine.com |
| web.dev | Google's official — performance, core web vitals | web.dev/blog |
| Ahmad Shadeed | Insane CSS deep dives with interactive demos | ishadeed.com |
| Josh Comeau | CSS + React explained beautifully | joshwcomeau.com |
✨ Animation / Creative
| Writer | Focus | Link |
|---|---|---|
| Codrops | Cutting-edge CSS and WebGL demos | tympanus.net/codrops |
| George Francis | Generative art, canvas, creative coding | georgefrancis.dev |
| Maxime Heckel | WebGL, shaders, Three.js with live demos | maximeheckel.com |
🧱 General Dev
| Writer | Focus | Link |
|---|---|---|
| Dan Abramov | React deep dives | overreacted.io |
| TkDodo | TanStack Query — the go-to author blog | tkdodo.eu/blog |
| Kent C. Dodds | React patterns, testing, DX | kentcdodds.com/blog |