Galería de componentes
Una colección seleccionada de componentes listos para producción. Explora por categoría y encuentra las piezas ideales para tu proyecto.
Secciones de características
Muestra las características de tu producto con diseños hermosos y responsivos. Desde cuadrículas clásicas hasta bento creativos y tarjetas 3D interactivas.
Grid Layout
Classic card grid with colorful icons and smooth hover effects
Bento Grid
Asymmetric grid inspired by Apple - creates visual hierarchy
Cambio de Tema
Modo oscuro y claro con detección de preferencias del sistema
Internacionalización
Soporte multiidioma con next-intl
Componentes UI
Componentes listos para producción de shadcn/ui
TypeScript
Seguridad de tipos completa y soporte IntelliSense
Secciones Hero
Causa una gran primera impresión con secciones hero llamativas. Variantes incluyen centrado, pantalla dividida y fondo de video.
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.
Secciones CTA
Impulsa las conversiones con secciones de llamado a la acción. Desde banners simples hasta diseños orientados a la conversión.
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.
Secciones de contenido
Secciones ricas en contenido para beneficios, preguntas frecuentes y comparaciones. Perfectas para explicar tu producto en detalle.
Benefits Section
Highlight product or service benefits
Por qué los equipos usan ActionAfter
Deja de perder contexto. vibeany.io te ayuda a capturar cada compromiso.
Responsables Claros
Cada acción tiene un dueño responsable — sin ambigüedades.
Próximos Pasos Claros
No solo tareas, sino qué debe suceder a continuación.
Menos Acciones Perdidas
Detecta automáticamente seguimientos no asignados o faltantes.
Comparison Slider
Before/after comparison slider
Precios
Presentaciones de precios claras y convincentes. Desde precios con descuento hasta modelos basados en uso y tablas comparativas.
Pricing Preview
Compact pricing preview for landing pages
Precios Simples
Paga por estabilidad y ejecución, no solo tokens de IA.
Discount Pricing
Show original prices with discount badges and savings
Special Discount Pricing
Limited time offer - Save up to 40% on all plans
Autenticación
Formularios de inicio de sesión y registro con variantes de acceso social configurables.
Login (Email + Social)
Sign-in form with email/password and Google/GitHub buttons
¿No tienes una cuenta? Registrarse
Register
Email-based account creation with terms consent
¿Ya tienes una cuenta? Iniciar sesión