Making videos with AI is easier than ever. Finding good blocks to start from isn’t. There was nowhere to look. Now there is: @21st_dev Video. Hover to play, flip any preview to your brand, install with one command. Build it yourself, or let Codex build it 🧵

Your code passes review. Your UI still drifts. Meet Design Bug Bot from @21st_dev. It reviews GitHub PRs for duplicate components, inconsistent styles and broken mobile layouts, then suggests code to fix them. Try 5 free reviews: 21st.dev/design-bug-bot

@21st_dev AI now drafts your UI with more models than ever, including the brand-new Kimi K3, one of the best design models out there. Pick your lineup in one tap: every model ranked by how likely you are to love its draft, with quality and cost side by side. Choose the mix, generate, keep the winner.

Shader-powered ASCII art on @21st_dev Pick a shader, tweak the characters, colors, density, and effects in real time, then export or share your creation. Try it: 21st.dev/community/ascii/edi…

Animated shader backgrounds, built with knobs instead of code Pick a pattern, tune the colors and motion, make it react to your cursor, then export it as a drop-in React component All live in your browser. Link in the first comment👇

Introducing 21st Bento Manage your profile, add links, components, photos, gifs and more 21st.dev/@serafim

We taught our MCP to draw. Search @21st_dev from Claude and results come back as an inline, interactive card gallery: previews, hover videos, one-tap "get code." Not JSON. Not a link dump. Actual UI, in chat. Powered by MCP Apps → 21st.dev/api/mcp

Every @shadcn theme, in one place. Browse what the community built, preview it live, and ship your own in a couple clicks. Free on @21st_dev.

Your @21st_dev profile is now a place to get paid. Feature your best components, add a donation link, let people hire you, and link your pro components + socials. All from one page.

I had 14 tabs open just to keep up with AI. arXiv, Papers With Code, every leaderboard, HuggingFace, half a dozen RL-env hubs... So I built one screen for all of it. The Bloomberg terminal for AI research. It's called Sophon 🧵

Introducing @21st_dev Agent Elements Diffed edits. Plan approvals. Clarifying questions. Sub-agents. Tool cards. The pieces every "agent UI" lib skips. 25 @shadcn /ui components built for the new generation of agents that use your computer. Open-source. Link in thread 🧵

built a Lottie animation generator agent on @21st_dev SDK. → prompt → valid Bodymovin JSON (shape layers, keyframed transforms, bezier paths) → live preview + scrubbable timeline with hover-scrub → copy json or one-click download → thinking banner with live phase hints while the agent writes 100% open-source. you can run it in 60 seconds 🧵

built a SQL agent UI with @21st_dev SDK — chat to query OR mutate a live table grid — read/write toggle sits right in the chat input — new rows pulse green when the agent INSERTs — the active tab follows whatever the agent touches under 500 LOC, full template ↓

1,030 people used 21st.dev in the last 30 minutes. If you’re one of them, say hi in the comments 👋

Your docs agent should not stop at “not found in docs.” So I turned our docs template into a simple support agent. If the docs cannot answer, the agent forwards the question to your team by email. Built with Claude Code + 21st SDK + @resend Takes just a few minutes to add. Demo below 👇

Stop sending users to a docs tab. Let them chat with docs inside your product. - Built with Claude Code + @21st_dev SDK - Works especially well with @mintlify - Setup takes ~2 minutes. Demo below 👇