Component Gallery
A curated collection of production-ready components. Browse by category and find the perfect building blocks for your project.
Feature Sections
Showcase your product features with beautiful, responsive layouts. From classic grids to creative bento boxes and interactive 3D cards.
Grid Layout
Classic card grid with colorful icons and smooth hover effects
Bento Grid
Asymmetric grid inspired by Apple - creates visual hierarchy
Theme Switching
Dark and light mode with system preference detection
Internationalization
Multi-language support with next-intl
UI Components
Production-ready components from shadcn/ui
TypeScript
Full type safety and IntelliSense support
Hero Sections
Make a strong first impression with eye-catching hero sections. Variants include centered, split-screen, and video backgrounds.
Hero Section
Modern hero section with gradient background and animations
Build What You Vibe With
The beginner-friendly Next.js starter
Designed for newcomers and AI coding assistants. Build modern web apps without the overwhelm.
Hero Variant A
Professional & clean variant with subtle animations
Build What You Vibe With
vibe for coding
The beginner-friendly Next.js starter optimized for AI assistants like Cursor and Claude Code.
CTA Sections
Drive conversions with compelling call-to-action sections. From simple banners to elaborate conversion-focused designs.
CTA Section
Call-to-action section to drive conversions
Ready to Start Building?
Join developers building modern apps with AI assistance. Less overwhelm, more creating.
Enhanced CTA
Enhanced CTA with additional visual elements
Level up your workflowVibe with vibeany.io
A polished Next.js starter with i18n, auth, payments, and delightful UI components.
Content Sections
Rich content sections for benefits, FAQs, and comparisons. Perfect for explaining your product in detail.
Benefits Section
Highlight product or service benefits
Benefits
marketing.home.benefits.subtitle.beforeBrand vibeany.io marketing.home.benefits.subtitle.afterBrand
Save Time
Reduce meeting follow-up time by 90%.
Increase Accountability
Clear owners for every task.
Better Execution
Turn talk into action immediately.
Comparison Slider
Before/after comparison slider
Pricing
Clear and compelling pricing displays. From discount pricing to usage-based models and detailed comparison tables.
Pricing Preview
Compact pricing preview for landing pages
Discount Pricing
Show original prices with discount badges and savings
Special Discount Pricing
Limited time offer - Save up to 40% on all plans
Authentication
Login and registration forms with configurable social login variants.
Login (Email + Social)
Sign-in form with email/password and Google/GitHub buttons
Don't have an account? Sign up
Register
Email-based account creation with terms consent
Already have an account? Sign in