The toolbox
80 tools worth knowing about if you build with AI. No affiliate links, no paid placement, and no prices quoted — tiers change monthly and a stale price helps nobody.
v0
freemiumVercel's generative interface tool that turns prompts into React components and deployable front ends.
Best for: Prompt to React components
shadcn/ui
open-sourceCollection of copy-and-paste React components built on Radix and Tailwind that you own and edit directly.
Best for: Components AI agents edit well
Tailwind CSS
open-sourceUtility-first CSS framework that styles interfaces through class names rather than separate stylesheets.
Best for: Styling without context switching
Radix UI
open-sourceUnstyled, accessible React primitives for dialogs, menus, tooltips and other common interface patterns.
Best for: Accessible headless primitives
Motion
open-sourceAnimation library for React and JavaScript, formerly known as Framer Motion, for transitions and gestures.
Best for: Declarative web animation
Lucide
open-sourceOpen-source icon library with packages for React, Vue, Svelte and plain SVG usage.
Best for: Consistent open-source icons
Magic UI
open-sourceLibrary of animated React and Tailwind components designed to drop into shadcn/ui projects.
Best for: Animated landing page sections