AI native components
for designers and developers.
Install with one command, remix with AI, or just get inspired. Everything here is free, open source, and ready to ship.
Featured
A taste of what's inside.
Built for everyone
For designers. For developers. For everyone in between.
Most component libraries are built for one audience. AI Canvas works however you work.
Hit "Remix with AI" and try the component in Claude Code, Lovable, or V0. One click copies the prompt — paste it and go.
One CLI command installs any component into your project. TypeScript, Framer Motion, Tailwind CSS — all included, ready to run.
Not sure if you'll install it or remix it? Every component gives you both paths — CLI install and AI prompts, always.
How it works
Three steps. Your way.
Browse
Find the perfect animated component from the curated, categorized collection.
Install or remix
Copy the CLI command to install directly, or hit Remix with AI to try it in Claude Code, Lovable, or V0.
Ship
The component is in your project. Customize it, extend it, or ship it as-is.
The AI prompts
Every component ships with prompts for three AI platforms.
Not generic instructions. Each prompt is a precise reproduction brief — tested to recreate the component faithfully. Pick your platform, paste, and go.
Builds the component in your existing project with full environment setup.
Builds a full working app from the prompt — no setup needed.
Ready for instant Vercel V0 generation.
Ready to build?
Everything is free. Everything is open source.
51+ AI-native components with prompts for Claude Code, Lovable, and V0. Design systems coming soon.
Browse Components