Landing page · ambient glow
New · Animations section
Pick a design.Hand it to AI. Ship the page
Sections, components and animations. Pick one, copy it for AI, drop it into your project.
- 2048 components
- shadcn-compatible
- one command to install
- zero dependencies
What will your site look like?
Pick one to see it live and take it to your AI.
Landing page · grid and glow
A hero on a glowing grid
Gallery · animation
Photos in motion
Error page · search
A 404 page with search
Media · player
Video with a poster
2048 elements across 5 groups and 62 categories — for every part of your interface.
- 32Accordion
- 35Alert
- 54Avatar
- 33Badge
- 124Button
- 77Button group
- 48Calendar
- 145Card
- 28Carousel
- 36Chart
- 59Checkbox & toggles
- 31Code Block
- 62Combobox
- 15Command
- 39Dialog
- 32Dropdown menu
- 20Empty
- 32Loading
- 99Input
- 64Specialized inputs
- 10Device Mockup
- 39Popover
- 40Select
- 20Slider
- 29Stepper
- 33Table
- 14Tabs
- 48Navigation
- 25Toast
- 19Tree
- 4Typography
- 49Hero
- 45Navbar
- 37Pricing
- 34Testimonials
- 25FAQ
- 40CTA
- 38Footer
- 2AI
- 11Auth
- 20Blog
- 18Contact
- 11Maps
- 9Service pages
- 75Industry sections
- 21About
- 18Portfolio
- 16Events
- 31Data Grid
- 11Logos & press
- 13Newsletter
- 19Team
- 11Error screens
- 21Background
- 23Layouts
- 12Card stacks
- 5Cursors
- 23Hand-drawn
- 6Background
- 19Error screens
- 30Interface
- 9Promo scenes
Components
1346The small pieces: buttons, inputs, indicators. Each one installs with a single command, carries its own palette instead of borrowing your theme, and ships with instructions your agent can follow.
OpenBlocks
598Whole landing page sections: hero, pricing, testimonials, FAQ, contact forms, footers, dashboards and industry pages for cafes, clinics or real estate. Each one installs with a single command, carries its own palette instead of borrowing your theme, and ships with instructions your agent can follow.
OpenAnimations
104Animated components recreated in our concept: backgrounds, cursors, card stacks, hand-drawn sketches and interface motion. One file, zero dependencies, their own palette. Each installs with a single command and ships with instructions your agent can follow.
Open
Handcrafted, not re-invented
Without the library
- The agent re-invents a lookalike from a description
- Hours lost to prompts, reviews and drifting design
- Accessibility and keyboard support missing
- Every screen built from scratch again
With VibeUI
- The agent installs the exact file from the registry
- Zero dependencies, its own palette
- Accessibility and keyboard support built in
- One command — and it is done
Free to start
Free
$0
20 different components a month
- The whole catalog, previews and search
- Copy for AI and shadcn install
- Favorites and history
PRO
$9 / mo
No copy limit
- Animations and closed blocks
- No limit on components
Frequently asked questions
What do I get after installing?
One component file in your project — the same one you saw in the preview. No build step, no wrappers, no coupling to our theme.
Do I need extra dependencies?
Most components have zero — only React. Everything required is declared in the metadata.
What if I have my own design system?
The component carries its palette in local variables. Override them and it snaps into your theme.
Components vs blocks vs animations?
Components are small elements, blocks are whole page sections, animations are recreated animated components. Each section is independent.
New to AI coding? Step-by-step guide from setup to the first block
Ship a page tonight
Open the catalog, pick a component, hand it to your agent.
$ npx shadcn@latest add https://vibeui.club/r/hero-001.json