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.
- 1837 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
1837 elements across 5 groups and 145 categories — for every part of your interface.
- 14Accordion
- 20Alert
- 14Alert Dialog
- 8Aspect Ratio
- 15Autocomplete
- 32Avatar
- 25Badge
- 15Banner
- 15Breadcrumb
- 75Button
- 57Button Group
- 30Calendar
- 23Card
- 19Carousel
- 20Cascader
- 29Chart
- 23Checkbox
- 31Code Block
- 9Collapsible
- 27Combobox
- 15Command
- 10Context Menu
- 7Currency Input
- 13Date Selector
- 14Dialog
- 11Drawer
- 22Dropdown Menu
- 20Empty
- 5Event Calendar
- 12Field
- 8File Upload
- 12Filters
- 8Hover Card
- 6Icon Stack
- 17Icon Tile
- 32Input
- 40Input Group
- 11Input OTP
- 12Item
- 6Kbd
- 13Label
- 9Device Mockup
- 7Native Select
- 7Navigation Menu
- 9Number Field
- 16Pagination
- 9Phone Input
- 14Popover
- 9Progress
- 20Radio Group
- 7Range
- 9Rating
- 7Scrollspy
- 33Select
- 6Separator
- 10Skeleton
- 12Slider
- 8Sortable
- 5Sparkline
- 13Spinner
- 16Stepper
- 16Switch
- 21Table
- 14Tabs
- 10Tags Input
- 13Timeline
- 25Toast
- 15Toggle
- 19Toggle Group
- 17Tooltip
- 11Tree
- 45Hero
- 44Navbar
- 28Pricing
- 33Testimonials
- 23FAQ
- 31CTA
- 37Footer
- 2AI
- 10Auth
- 15Blog
- 18Contact
- 11Maps
- 6Error Pages
- 15About
- 6Case Studies
- 5Changelog
- 9Comparison
- 3Waitlist
- 3Consent
- 8App Downloads
- 12Portfolio
- 4Real estate
- 2Restaurant
- 5Bakery & café
- 1Open source
- 2Mobile app
- 4Online course
- 4Car service & detailing
- 4Vet clinic & grooming
- 5Flowers & bouquets
- 4Renovation & construction
- 5Food delivery
- 3Language school
- 3Fintech & banking
- 3Digital goods marketplace
- 3Gadget & hardware
- 5Charity & non-profit
- 4Writer & essays
- 16Events
- 3Video
- 7Podcast
- 3Press Kit
- 31Data Grid
- 2API
- 8Bento
- 8Logos
- 10Newsletter
- 3Stats
- 19Team
- 21Background
- 14Layouts
- 1CTA
- 2Dashboard
- 1Auth
- 3Avatar
- 2Button
- 3Code Block
- 2Chat
- 1Devices
- 2Media
- 3Metrics
- 2Notifications
- 3Payments
- 3Security
- 2Status
- 1Checklist
- 1Process
- 12Card stacks
- 5Cursors
- 23Hand-drawn
- 2Cards
- 2Portfolio
- 3Text animation
- 6Background
Components
1182The 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
570Whole landing page sections. 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
85Animated components recreated in our concept: 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
690 ₽ / 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.ru/r/hero-001.json