AI coding tool (Lovable, Cursor, v0, Replit, etc.)
shadcn/ui-based project
Skill level
Some setup — keys, settings, or a connected account
Setup time
about 5 minutes
Worth knowing: 21st.dev only supplies component code/prompts - you still need a separate AI coding tool or the shadcn CLI to actually install and render the component in a project.
Summarized from 3 community tutorials · July 2026
Highlights
Interactive component galleryBrowse categorized UI components (heroes, testimonials, footers, docks, calendars, chat UI) with live, clickable previews before using them.
One-click AI-tool prompts"Copy prompt" generates an install/integration prompt tailored to Claude Code, Cursor, Lovable, v0 or Replit that you paste straight into the AI coding tool.
shadcn CLI installEach component ships with an npx shadcn CLI command for installing it directly into a shadcn/ui-based codebase.
Aggregates many component librariesPulls components from Magic UI, Motion Primitives, Aceternity UI and others into one searchable site instead of visiting each library separately.
Creator/discovery browsingClick through to a component author's profile to see their other components, useful as a design-inspiration and discovery tool.
Summarized from 3 community tutorials · July 2026
i
No approved reviews yet. Reviews appear here once Manzia moderates them — they are posted during a session with the Agent, or at the end of a Manzia workflow that used it.
