Landing page blocks for Astro. Zero-JS .astro blocks with no dependencies — installable in an Astro project without React — plus interactive React blocks on Base UI.
Acordeón sobre Base UI, con animación de altura por CSS.
El aviso que ya está en la página, no el que interrumpe.
El diálogo que exige respuesta: no se cierra con Escape ni pinchando fuera.
Imagen de persona con iniciales de reserva, sobre Base UI.
Etiqueta compacta con variantes CVA.
Responsive grid of blog post cards with image, title, excerpt, and metadata. Zero-JS Astro component.
El botón base sobre Base UI. Variantes CVA (variant, size) y `render` en vez de `asChild`.
Enhanced button with CVA variants, icon effects, shine, gooey, underline, and gradient animations.
Calendario sobre react-day-picker, con la navegación y los estilos del sistema.
Tarjeta y sus partes (header, title, description, content, footer). Markup puro, sin dependencias.
Casilla sobre Base UI.
Two-column comparison of paired statements, with column labels and check/cross marks. Zero-JS Astro component.
El menú del botón derecho, sobre Base UI.
Full-width CTA banner with gradient background, heading, and action buttons. Zero-JS Astro component.
Modal sobre Base UI, con backdrop y cierre accesible.
Menú desplegable sobre Base UI: items, checkbox, radio y submenús.
FAQ section with accordion for expandable questions and answers.
FAQ con `<details>` nativo: cero JS, respuestas dentro del HTML servido e indexables. El hermano sin hidratar de faq-01.
Alternating image and text sections to showcase features. Zero-JS Astro component.
3-column feature grid with icons, titles, and descriptions in cards. Zero-JS Astro component.
Envoltorio de campo: label, descripción y error. Es lo que consume @saastro/forms.
Multi-column footer with navigation links, social icons, and copyright. Zero-JS Astro component.
Puente entre react-hook-form y los primitivos. FormField/FormControl.
Centered hero with badge, heading, description, and dual CTA buttons. Zero-JS Astro component.
Hero with gradient background, floating badge, and a single prominent CTA. Zero-JS Astro component.
Split hero with content on the left and image or screenshot on the right. Zero-JS Astro component.
Campo de texto sobre Base UI, con los estados de foco e invalidez del sistema.
Input con addons (prefijo, sufijo, botón).
Campo de código de un solo uso.
Etiqueta de campo. La necesita `field`, y es markup puro.
"Trusted by" logo cloud section with grayscale hover effect. Zero-JS Astro component.
`<select>` nativo estilado. La opción sin JS cuando no hace falta un desplegable rico.
Responsive navbar with desktop navigation and mobile hamburger menu.
Menú de navegación con submenús, sobre Base UI.
Email newsletter signup section with input and submit button. Zero-JS Astro component.
Panel flotante anclado sobre Base UI.
Three-tier pricing cards with monthly/annual toggle and feature lists.
Barra de avance sobre Base UI. `value={null}` es indeterminado.
Grupo de opciones excluyentes sobre Base UI.
Área con scroll y barra propia.
Desplegable sobre Base UI. Pasa `items` al Root: sin eso el trigger pinta el value crudo en vez de la etiqueta.
Separador horizontal o vertical, accesible.
Panel lateral (drawer) sobre Base UI Dialog, con los cuatro lados.
El hueco de lo que está cargando, con la forma que va a tener.
Control de rango sobre Base UI. Con un thumb emite NÚMERO PLANO, no array.
Row of key statistics with large numbers and labels. Zero-JS Astro component.
Numbered steps for a how-it-works section, with optional eyebrow and description. Zero-JS Astro component.
Interruptor sobre Base UI.