Repolode
Enviar
arthelokyo

arthelokyo/astrowind

Tema inicial gratuito y de código abierto para Astro y Tailwind CSS v4, con más de 30 widgets para landing pages, blog y funciones de SEO.

Ver en GitHubSitio web
Estrellas
6,055
Forks
1,687
Issues abiertos
3
Último commit
el mes pasado

¿Qué es?

AstroWind es una plantilla inicial para crear sitios web estáticos con Astro y Tailwind CSS v4. Incluye una estructura lista para usar en landing pages, con más de 30 widgets tipados y componibles para secciones como encabezados principales, cuadrículas de características, tablas de precios comparativas, acordeones de preguntas frecuentes, testimonios, cronologías y formularios para suscribirse a newsletters.

La plantilla también incluye un blog con feed RSS, compatibilidad con MDX, categorías y etiquetas, además de botones para compartir en redes sociales. Las publicaciones son archivos Markdown o MDX que se leen durante la compilación. Otras funciones integradas incluyen optimización de imágenes mediante Astro Assets, generación de sitemaps, etiquetas Open Graph, integración con Google Analytics y modo oscuro compatible con RTL.

Los ajustes de todo el sitio, como el nombre, los metadatos de SEO, las rutas del blog y el modo del tema, se configuran en un único archivo YAML. Los colores y las fuentes se definen mediante variables CSS y tokens del tema de Tailwind. El proyecto se puede desplegar en Netlify, Vercel, Cloudflare o cualquier servicio de alojamiento estático, e incluye instrucciones para asistentes de programación con IA sobre tareas habituales de personalización.

Funciones clave

  • 01Más de 30 widgets tipados y componibles para secciones de landing pages.
  • 02Blog con feed RSS, compatibilidad con MDX, categorías y etiquetas.
  • 03Optimización de imágenes mediante Astro Assets y Unpic.
  • 04Generación automática de sitemap, etiquetas Open Graph e integración con Google Analytics.
  • 05Modo oscuro y compatibilidad con RTL basados en Tailwind CSS v4.
  • 06Configuración mediante un único archivo YAML y tokens de tema con enfoque CSS-first.

Casos de uso

  • Lanzar una landing page para una empresa o un producto con secciones listas para usar.
  • Crear un blog personal o corporativo que necesite RSS y funciones de SEO integradas.
  • Crear un sitio de documentación o marketing que se despliegue como archivos estáticos.

Inicio rápido

  1. 1

    Requiere Node.js 22.22.3 o posterior; crea el proyecto a partir de la plantilla AstroWind

    npm create astro@latest -- --template arthelokyo/astrowind
  2. 2

    Instala las dependencias

    npm install
  3. 3

    Inicia el servidor de desarrollo local en localhost:4321

    npm run dev

Antes de usarlo

  • El blog solo funciona con prerender = true, aunque la plantilla usa output 'static'.
  • La versión 1 está en modo de mantenimiento; el nuevo desarrollo se realiza en AstroWind v2.

Temas

#astro#tailwind-css#static-site#landing-page#blog#theme#template#seo#astro-blog#astro-starter

Preguntas frecuentes

¿Qué es astrowind?
Tema inicial gratuito y de código abierto para Astro y Tailwind CSS v4, con más de 30 widgets para landing pages, blog y funciones de SEO. AstroWind es una plantilla inicial para crear sitios web estáticos con Astro y Tailwind CSS v4. Incluye una estructura lista para usar en landing pages, con más de 30 widgets tipados y componibles para secciones como encabezados principales, cuadrículas de características, tablas de precios comparativas, acordeones de preguntas frecuentes, testimonios, cronologías y formularios para suscribirse a newsletters.
¿astrowind es gratuito? ¿Qué licencia tiene?
astrowind es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿astrowind sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de astrowind fue el 12 sept 2026.
¿Para qué puedo usar astrowind?
Lanzar una landing page para una empresa o un producto con secciones listas para usar. Crear un blog personal o corporativo que necesite RSS y funciones de SEO integradas. Crear un sitio de documentación o marketing que se despliegue como archivos estáticos.
¿Cómo se instala astrowind?
Requiere Node.js 22.22.3 o posterior; crea el proyecto a partir de la plantilla AstroWind: npm create astro@latest -- --template arthelokyo/astrowind Instala las dependencias: npm install Inicia el servidor de desarrollo local en localhost:4321: npm run dev
¿Dónde consigo astrowind?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/arthelokyo/astrowind

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados