组件库
一套精心打磨的生产级组件。按类别浏览，快速找到适合你项目的搭建模块。
功能区块
用精美、响应式的布局展示产品卖点：从经典网格到创意 Bento，以及交互式 3D 卡片。
Grid Layout
Classic card grid with colorful icons and smooth hover effects
Bento Grid
Asymmetric grid inspired by Apple - creates visual hierarchy
主题切换
支持深色和浅色模式,自动检测系统偏好
国际化
使用 next-intl 实现多语言支持
UI 组件
来自 shadcn/ui 的生产就绪组件
TypeScript
完整的类型安全和智能提示支持
Hero 区块
第一印象很重要：多种 Hero 布局，支持置中、左右分栏、视频背景等。
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 区块
提升转化的行动召唤模块：从简洁横幅到更复杂的转化型设计。
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.
内容区块
丰富的内容呈现：优势、常见问题、对比滑块等，助你清晰阐述产品。
Benefits Section
Highlight product or service benefits
优势
marketing.home.benefits.subtitle.beforeBrand vibeany.io marketing.home.benefits.subtitle.afterBrand
节省时间
减少 90% 的会议跟进时间。
提高责任感
每个任务都有明确的负责人。
更好的执行
立即将讨论转化为行动。
Comparison Slider
Before/after comparison slider
价格方案
清晰有力的价格展示：折扣、用量计费、对比表格等多种样式。
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
账户与认证
登录与注册表单，灵活配置社交登录变体。
Login (Email + Social)
Sign-in form with email/password and Google/GitHub buttons
还没有账户？ 注册
Register
Email-based account creation with terms consent
已有账户？ 登录