21st.dev offers 12,000+ crafted React UI components you can feed straight into AI coding agents
ericspo29 · x · 2026-11-15
21st.dev is a React components/templates/themes library built for vibe coding, with 12,000+ UI components crafted by design engineers — animated heroes, shaders, buttons, navigation, sign-ins and more.
The core workflow is "copy the prompt, feed your AI agent": after browsing components, you can paste the source directly into Claude Code in the terminal, or hand the same prompt to Codex as a task — the code lands in your repo and adapts to your existing theme (e.g. a Hero swap producing a +148/-12 line diff).
Beyond single components it ships full templates, themes, live shaders and icons, and claims 4.7M+ builders with users including Google, Meta, ByteDance, Shopify, Vercel and Lovable.
More from coding & agent
- One Kyoto photo becomes a walkable 3D world via Atlas, Three.js and Claude — Scobleizer · 2026-11-15
- Sandbox resource caps risk hobbling production, but FOSS benchmarks ease the worry — jd_pressman · 2026-11-15
- Two prompts, pure Web Components: agent reuses 14 UI SDK behaviors out of the box — evilrabbit_ · 2026-11-15
- Open-source 22-chapter course teaches you to build production AI agents by using an agent — adnan_hashmi · 2026-11-15
- Eliminating DoS bugs with ChatGPT: profiling 3,000 code sites and building a resource ledger — jd_pressman · 2026-11-15
- Claude-built Blender spider film: 105M tokens, ~20 prompts, $2.21 GPU render — Gambo7592 · 2026-11-15