Monthly revenue
+12.4%$84.2k
vs last month
Ingresos mensuales $48.2k+24%
Despliegue completado
View data
| Item | Value |
|---|---|
| Charts | 82% |
| Sections | 64% |
| Forms | 47% |
Midnight Build
Astro Kit · Lo-fi
ASTRO KIT COMPONENTS
v0.5.1Componentes UI gratuitos y de código abierto para Astro. Cero dependencias. Copia, pega y publica.
$ npm install astro-component-kit Explora la Colección
Explorar por categoría
Elige una categoría, copia el código y listo.
Botones 22 componentes Formularios 24 componentes Tarjetas 22 componentes Notificaciones 22 componentes Navegación 23 componentes Estructura & Layout 22 componentes Modales & Capas 23 componentes Visualización de Datos 23 componentes Tipografía 24 componentes Gráficos y Estadísticas 47 componentes E-commerce 25 componentes App y Dashboard 13 componentes Secciones de Página 51 secciones
Nuevo · Plantillas completas
No solo componentes. Sitios enteros, listos para publicar.
Las plantillas combinan componentes de la librería en sitios completos de varias páginas. Mira cada página en vivo e impórtala entera con una línea, o quédate solo con las piezas que necesites.
3 plantillas · Tienda e-commerce, E-commerce 2 Editorial
- páginas
- 4
- componentes
- 32
- Claro y oscuro
Próximamente: landing SaaS · Dashboard · Blog
¿Por qué Astro Components Kit?
Desarrolla más rápido con componentes Astro gratuitos
Deja de reinventar la rueda. Bloques de UI listos para producción diseñados para máximo rendimiento, accesibilidad WCAG AA y estética impecable.
- Lanza en minutos
Desarrollo ultrarrápido
Copia y pega cualquier componente en tu proyecto Astro. Sin configurar builds ni inflar node_modules: publica landings y webs de clientes en minutos, no semanas.
- Más rápido
- 10×
- Configuración
- 0 min
- Compatible
- Astro 5
- Cero peso
Sin dependencias en runtime
Astro puro y CSS con ámbito. Incluso los gráficos se renderizan como SVG al compilar.
- JS en runtime
- 0 kB
- Lighthouse
- 100
- WCAG 2.2 AA
Accesible por defecto
Navegación por teclado, anillos de foco visibles, ARIA donde importa y contraste 4.5:1.
- Contraste
- ≥4.5:1
- Objetivos táctiles
- 44px
- Estilos curados
Estética de nueva generación
Glassmorphism, neón, neumorfismo y dorado oscuro con microinteracciones fluidas.
- Estilos
- 6+
- Animación
- 60fps
- Tokens CSS
Personalización total
Props tipadas, slots y variables CSS: cambia el tema de todo desde un solo archivo.
- Tokenizado
- 100%
- TypeScript
- Estricto
- MIT · Gratis siempre
Una librería que no deja de crecer
Componentes de producción, gráficos SVG y secciones de página completas en 11 categorías, mantenidos en abierto y actualizados cada semana.
- Componentes
- 290
- Secciones
- 51
- Licencia
- MIT
Librería de Componentes
Más de 320 componentes Astro listos para producción
Desde botones y tarjetas hasta modales y formularios: cada componente está diseñado con atención al detalle, rendimiento y experiencia.
Nuevas Secciones para Producción
Diseños de página completa, listos para copiar y pegar
Más allá de componentes individuales: explora plantillas de landing responsivas: dashboards de métricas, precios, heroes, pestañas de características, testimonios e integraciones.
Ventajas
Por qué los desarrolladores eligen Astro Components Kit
01
Arquitectura pensada para el rendimiento
Cada componente Astro se entrega sin JavaScript en el cliente por defecto. Tus páginas cargan al instante porque los componentes se renderizan como HTML estático en el build. Sin hidratación, sin cascadas de peticiones y sin saltos de layout.
02
Flujo de copiar y pegar
Sin sobrecarga de gestores de paquetes. Copia el código del componente en tu proyecto, impórtalo y úsalo. Cada componente es autónomo, con sus propios estilos y marcado.
03
SEO de serie
Como los componentes se renderizan en el servidor, los buscadores pueden rastrear e indexar tu contenido de inmediato, sin esperar a que cargue JavaScript. HTML semántico en cada componente.
04
Listo para tu sistema de diseño
Variables CSS, escala de espaciado coherente, sistema tipográfico y paleta de color: todo viene configurado. Personalízalo una vez y aplícalo en todas partes.
05
Código abierto y licencia MIT
Gratis para uso personal y comercial. Aporta componentes, reporta errores o haz un fork de toda la librería. Hecho por desarrolladores, para desarrolladores.
Laboratorio de interacciones
No solo mires: juega con ellos
Cada tarjeta es un componente real. Mueve, pasa el ratón, haz clic y escribe: las microinteracciones vienen en el código que copias.
Inclíname
Perspectiva 3D que sigue al cursor con un brillo suave.
ASTRO KIT 0.5.1
Too weak
ASTRO CERO JS +320 COMPONENTES PLANTILLAS CÓDIGO ABIERTO LICENCIA MIT ACCESIBLE RÁPIDO
Primeros Pasos
Instala en segundos
Añade astro-component-kit a tu proyecto con un solo comando.
$ npm install astro-component-kit Luego importa cualquier componente y empieza a crear.
¿Listo para construir algo extraordinario?
De código abierto y gratis para siempre. Solo copia y pega en tu proyecto Astro.
Comenzar