1 estrella en GitHub = 1 componente nuevo.

Dar una estrella
51 Secciones · 13 Categorías

Secciones de Página

Bloques completos listos para landing pages: héroes, bento grids, precios, testimonios, llamadas a la acción y preguntas frecuentes.

Secciones Hero

Hero Gradient

Hero principal con orbes de luz en movimiento, titulares grandes y botones de llamada a la acción.

herogradientanimated
Secciones Hero

Hero Split

Hero dividido clásico con titular persuasivo, botones principales y previsualización gráfica a la derecha.

herosplitbrowser-mockup
Secciones Hero

Hero Glass

Cabecera hero con tarjeta de cristal esmerilado, titulares con degradado y badges interactivos.

heroglassmorphismanimated-orbs
Características & Bento

Feature Bento Grid

Cuadrícula bento de funcionalidades con tarjetas de distintos tamaños y efectos visuales modernos.

featuresbentogrid
Características & Bento

Feature Timeline Flow

Flujo de pasos del producto en línea de tiempo con hitos numerados e imágenes descriptivas.

featurestimelineworkflow
Tablas de Precios

Pricing Comparison Matrix

Matriz detallada de comparación de precios con desglose exhaustivo de funcionalidades por plan.

pricingmatrixcomparison
Tablas de Precios

Pricing Tier Cards

Sección de tres tarjetas de precios con selector de facturación mensual/anual y badge popular.

pricingcardstiers
Testimonios & Prueba Social

Testimonial Wall Glass

Muro completo de testimonios con tarjetas de cristal esmerilado, valoraciones y citas destacadas.

testimonialssocial-proofreviews
Llamadas a la Acción

CTA Glow Banner

Banner de llamada a la acción de alto impacto con resplandor radial, formulario y botones de conversión.

ctabannerconversion
Llamadas a la Acción

CTA App Download

Sección de descarga de app móvil con mockup de teléfono, insignias de App Store y Google Play.

ctamobileapp-store
Preguntas Frecuentes

FAQ Accordion Section

Sección de preguntas frecuentes con acordeón interactivo y cuadro de contacto de soporte adicional.

faqaccordionquestions
Métricas & Estadísticas

Stats Metric Showcase

Sección de métricas clave de plataforma con números grandes, iconos luminosos y descripciones breves.

statsmetricskpi
Equipo & Quiénes Somos

Team Grid Section

Sección de equipo con tarjetas de miembros, fotos de perfil, cargos y enlaces a redes sociales.

teampeopleleadership
Contacto & Soporte

Contact Glass Form

Sección de contacto completa con formulario en tarjeta de cristal, campos interactivos y soporte directo.

contactformsupport
Testimonios & Prueba Social

Testimonial Grid Section

Cuadrícula bento de testimonios de clientes con valoraciones de avatar, insignias verificadas y citas.

sectionstestimonialsreviews
Nube de Logos

Logo Cloud Section

Sección de prueba social con marquesina continua de logos de clientes, socios y patrocinadores.

sectionslogospartners
Secciones Hero

Hero Showcase Split

Hero dividido de dos columnas con maqueta interactiva de producto, selector de temas y métricas.

sectionsherolanding
Secciones Hero

Hero Terminal

Hero para desarrolladores con terminal animada y comando de instalación con copiar al portapapeles.

herodeveloperterminal
Secciones Hero

Hero Waitlist

Hero de prelanzamiento con fondo aurora, captura de email accesible, validación y prueba social.

herowaitlistform

Hero SaaS con maqueta de dashboard en vivo construida con tarjetas KPI y gráfico de líneas del kit.

herosaasdashboard
Características & Bento

Feature Icon Grid

Cuadrícula de características de 2–4 columnas con iconos SVG, descripciones y enlaces accesibles.

featuresgridicons
Características & Bento

Feature Alternating Rows

Filas en zigzag que alternan texto e ilustraciones CSS (gráfico, código, tokens).

featureszig-zagalternating
Características & Bento

Feature Tabs Showcase

Pestañas de características según el patrón WAI-ARIA con navegación por flechas y paneles de métricas.

featurestabsinteractive
Características & Bento

How It Works Steps

Pasos numerados del proceso unidos por una línea, horizontales en escritorio y verticales en móvil.

processstepshow-it-works
Características & Bento

Integrations Grid

Directorio de integraciones con filtros por categoría, monogramas y estado de disponibilidad.

integrationsfilterdirectory
Tablas de Precios

Pricing Toggle Cards

Tres planes de precios con interruptor mensual/anual accesible, insignia de ahorro y plan destacado.

pricingtogglemonthly-yearly
Tablas de Precios

Pricing Single Plan

Precio de plan único con tarjeta, precio original tachado, lista de funciones y garantía.

pricingsingle-planlifetime
Testimonios & Prueba Social

Testimonial Carousel

Carrusel de testimonios con scroll-snap, botones anterior/siguiente, estrellas y sin autoplay.

testimonialscarouselslider
Testimonios & Prueba Social

Testimonial Featured

Sección tipo caso de éxito con una gran cita, logotipo de la empresa y métricas de resultados.

testimonialscase-studyquote
Llamadas a la Acción

CTA Newsletter Section

Banda de suscripción al newsletter con beneficios, campo etiquetado, validación y nota de privacidad.

ctanewsletteremail
Llamadas a la Acción

CTA Split Image

Banner de conversión dividido: texto y CTAs junto a un visual degradado con chips de estadísticas.

ctasplitbanner
Métricas & Estadísticas

Stats Counter Band

Cifras destacadas que cuentan al hacer scroll, con el valor real en el HTML para lectores de pantalla.

statscounternumbers
Métricas & Estadísticas

Stats Dashboard Section

Sección de analítica completa con tarjetas KPI, gráfico de áreas apiladas y ranking en barras.

statsdashboardcharts
Equipo & Quiénes Somos

Careers Openings

Ofertas de empleo agrupadas por departamento con ubicación, tipo, remoto y beneficios.

careersjobshiring
Preguntas Frecuentes

FAQ Two Column

FAQ a dos columnas con introducción fija y acordeones nativos <details> que funcionan sin JS.

faqaccordiondetails
Nube de Logos

Logo Wall Grid

Muro de logotipos de clientes con divisores finos; marcas de texto o imágenes reales.

logoscustomerssocial-proof
Blog y Contenido

Blog Grid Section

Últimos artículos con un post destacado y tarjetas con portadas degradadas, categoría y tiempo de lectura.

blogarticlesposts
Blog y Contenido

Changelog Section

Línea de tiempo de versiones con etiquetas, fechas y cambios nuevos/mejorados/corregidos.

changelogreleasestimeline

Cabecera editorial de tienda: línea de aviso, logotipo centrado, mega menú con destacado, cambio de tema y contador de la bolsa en vivo.

headernavbarmega-menu

Hero de tienda estilo revista con titular serif gigante, palabra en cursiva, imagen destacada con pie y cinta en movimiento.

heroecommerceeditorial

Carrusel de productos con scroll-snap, tarjetas minimalistas numeradas, flechas y barra de progreso.

carouselproductsecommerce
E-commerce

Shop Lookbook

«Compra el look»: imagen con puntos numerados que abren fichas con añadir a la bolsa, con lista accesible equivalente.

lookbookhotspotsecommerce

Franja de valores de marca: marquesina en cursiva gigante y columnas numeradas.

marqueevaluesecommerce

Opiniones de clientes en grandes citas serif, una a una, con producto, paginación numerada y nota media.

reviewstestimonialsecommerce

Suscripción editorial de gran tamaño con campo subrayado, consentimiento y validación en línea.

newsletterformecommerce

Cabecera de catálogo con migas, título de categoría gigante con recuento, intro, subcategorías y franja de imágenes.

categoryheaderecommerce