Componentes
Snippets HTML con Tailwind. Copia, pega o pídele al chat del editor que los inserte.
- 🚀
Hero centrado
Marketing · Título grande + subtítulo + 2 CTAs.
- 🧭
Navbar con CTA
Navegación · Logo + links + botón principal.
- 🦶
Footer con columnas
Navegación · 4 columnas + créditos.
- 💰
Pricing 3 tiers
Marketing · Plan destacado central.
- ❓
FAQ acordeón
Marketing · Preguntas frecuentes con <details>.
- ✨
CTA destacado
Marketing · Sección de llamada a la acción.
- 📝
Formulario de contacto
Formularios · Nombre + email + mensaje + botón.
- 📋
Tabla de datos
Datos · Cabecera + filas con estado.
- 📈
Gráfico de barras
Datos · Chart.js con datos demo.
- 📅
Calendario mensual
Datos · Grid 7x5 con día actual.
- 🔐
Login (UI)
Auth · Solo visual — sin lógica de auth.
- 🧮
Tarjetas KPI
Layout · 4 métricas con variación.
🚀 Hero centrado
Título grande + subtítulo + 2 CTAs.
Ver código fuente
<section class="bg-slate-950 text-white px-6 py-24 text-center">
<span class="text-xs uppercase tracking-widest text-emerald-400">v2 ya disponible</span>
<h1 class="mt-3 text-5xl md:text-7xl font-extrabold tracking-tight">Construye más rápido<br/>con <span class="text-emerald-400">menos código</span>.</h1>
<p class="mt-5 text-lg text-slate-400 max-w-2xl mx-auto">La plataforma para lanzar tu producto en una tarde.</p>
<div class="mt-8 flex gap-3 justify-center">
<a class="rounded-full bg-white text-slate-950 px-6 py-3 font-semibold">Empezar gratis</a>
<a class="rounded-full border border-white/20 px-6 py-3">Ver demo →</a>
</div>
</section>