Unlock a vast library of UI components to streamline your web design and development process.
By 3DAI Studio · Official
3D AI Studio is an MCP server for 3D model generation. Connect Claude, ChatGPT or Cursor and generate textured 3D models and images just by chatting.
By 60fps Design · Official
Find real iOS interaction references and motion breakdowns from your coding agent.
By A1 Gallery · Official
Search curated website and interface references from your agent while designing or building a page.
By Agentation · Official
Bring annotated website feedback into your coding agent so it can make precise interface changes.
By Vercel · Official
Give your coding agent a browser automation workflow for navigating pages, interacting with elements, and checking web applications.
By Agentation · Official
Help your agent use interface annotations as context when making changes to a website.
By Cloudflare · Official
Help your coding agent build agents on Cloudflare using the Agents SDK.
By Cloudflare · Official
Help your agent build stateful Cloudflare applications with Durable Objects.
23rd is a registry of opinionated UI components designed for React and Svelte 5, aiming to reduce bo...
Repository of UI components & design systems for interface builders
Create UI is a comprehensive design system and React component library, providing designers and deve...
affectUI is a library of hand-designed React components designed specifically for AI applications. I...
Premium Figma UI kit for SaaS apps with 9,000+ components. Ideal for startups and designers.
Rare UI is a free, open-source collection of unique animated React components, designed to stand out...
UI design tool for creating design systems in Framer.
Premium animated UI components for seamless web app integration
21st.dev UI BuildHelp your agent build interface components using 21st.dev workflows. Use it when turning a product brief into an interface or adding a new component. It gives the agent a workflow for building the UI and refining it as your requirements change.
Use 21st.dev UI Build to create this screen in the existing project. Reuse our components and styling, and check the result at desktop and mobile sizes.
21st.dev UI ExploreHelp your agent explore interface ideas and references with 21st.dev. Use it early in a project to explore visual directions and interface references before committing to an implementation.
Use 21st.dev UI Explore to suggest interface directions for this screen. Explain how each fits the user task before we choose one to build.
21st.dev UI ReviewGive your agent a reusable workflow for reviewing and improving interface work with 21st.dev. Use it after an interface is built to help the agent review the result and identify useful refinements, rather than stopping at the first working version.
Use 21st.dev UI Review on this screen. Prioritize refinements that make the main task clearer and explain each proposed change.
