Tue. Mar 5th, 2024

Lleve su sitio web de Astro al siguiente nivel con estas 10 plantillas HTML5 de código abierto y recursos Tailwind

By admin Feb 4, 2024


En esta publicación, encontrará las mejores plantillas Astro de código abierto y fragmentos y recursos CSS de Tailwind para crear un sitio web interactivo en poco tiempo.

Sin embargo, si está buscando plantillas Astro puras, lo tenemos cubierto. aquí,

25 plantillas iniciales de Astro para blogs, páginas de destino, sitios web y más

¿Qué es Astro? Astro es un marco y un creador de sitios estáticos innovadores y de vanguardia que brinda a los desarrolladores la capacidad de crear sin esfuerzo sitios web optimizados y de alto rendimiento. Al combinar a la perfección lo mejor de las tecnologías estáticas y dinámicas, Astro permite a los desarrolladores aprovechar los beneficios de ambos mundos.

1- Viento de cola en forma de molinete

Molinillo es un tema SaaS multipropósito gratuito y de código abierto altamente personalizable creado con TailwindCSS. Se puede portar fácilmente a Astro.

Características clave

  • 🔢 Puntuación de velocidad de página de Google de 95+
  • 🎨 Fácil de personalizar
  • 🌐 Hecho con HTML5 y Tailwind CSS v3.0
  • 📦 Código modular JS y CSS
  • ⚙️ Configuración de Netlify y Vercel preconfigurada
  • ❌ Sin jQuery. Solo JavaScript básico
  • 📂 Estructura de carpetas limpia
  • ✨ Código limpio
  • 🛠️ Configuración del entorno de desarrollo sencilla y sencilla
  • 🌐 Compatible con todos los navegadores modernos
  • 🆓 Fuentes gratuitas de Google
  • 🔆 Íconos de fuentes impresionantes
  • 🔍 Compatible con SEO

GitHub – themefisher/pinwheel-tailwind: Pinwheel es una plantilla SAAS multipropósito creada con HTML5 y Tailwind CSS.

Pinwheel es una plantilla SAAS multipropósito creada con HTML5 y Tailwind CSS. – GitHub – themefisher/pinwheel-tailwind: Pinwheel es una plantilla SAAS multipropósito creada con HTML5 y Tailwind CSS.

2- HTML5 arriba

HTML5 arriba es un directorio HTML5 gratuito de código abierto que incluye diseños responsivos bellamente diseñados para blogs, revistas, empresas emergentes, carteras y agencias.

Debido a que Astro le permite incluir código HTML5 simple directamente, HTML5up es su camino a seguir si está creando un portafolio rápido o un blog.

HTML5 ARRIBA

Plantillas de sitio HTML5 y CSS3 responsivas diseñadas por @ajlkn y publicadas bajo la licencia Creative Commons.

3- AstroViento

astroviento es una plantilla gratuita que combina Astro 4.0 y Tailwind CSS para proporcionar un tema inicial para proyectos web.

Está diseñado para aprovechar las capacidades modernas de Astro para crear sitios web rápidos y escalables mientras utiliza Tailwind CSS para diseñar, ofreciendo a los desarrolladores una forma poderosa y eficiente de impulsar sus proyectos.

GitHub – onwidget/astrowind: ⭕️ AstroWind: una plantilla gratuita que utiliza Astro 4.0 y Tailwind CSS. Tema de inicio de Astro.

⭕️ AstroWind: una plantilla gratuita que utiliza Astro 4.0 y Tailwind CSS. Tema de inicio de Astro. – GitHub – onwidget/astrowind: ⭕️ AstroWind: una plantilla gratuita que utiliza Astro 4.0 y Tailwind CSS. Tema de inicio de Astro.

4- Viento de cola material

Viento de cola material es una biblioteca de componentes que simplifica el uso de Tailwind CSS con Material Design. Ofrece una colección de componentes fáciles de usar, que combinan el enfoque de utilidad de Tailwind CSS con los principios estéticos de Material Design, lo que facilita a los desarrolladores la creación de aplicaciones web visualmente atractivas y responsivas.

Si prefiere el diseño de materiales, puede transferir fácilmente este código y componentes de Material Tailwind a Astro en poco tiempo.

GitHub – creativetimofficial/material-tailwind: @material-tailwind es una biblioteca de componentes fácil de usar para Tailwind CSS y Material Design.

@material-tailwind es una biblioteca de componentes fácil de usar para Tailwind CSS y Material Design. – GitHub – creativetimofficial/material-tailwind: @material-tailwind es una biblioteca de componentes fácil de usar…

5- TourNido

TourNido es una plantilla HTML5 Bootstrap gratuita diseñada para tours y agencias de viajes. Está diseñado para crear sitios web para servicios relacionados con viajes con un diseño responsivo, lo que garantiza que se vea genial en todos los dispositivos.

La plantilla utiliza HTML5, CSS3 y JavaScript, lo que proporciona una base moderna y eficiente para desarrollar sitios web de agencias de viajes.

GitHub – themeine/TourNest: plantilla de arranque html5 para tours gratuitos y agencia de viajes

Plantilla bootstrap html5 para agencias de viajes y tours gratuitos – GitHub – themesine/TourNest: Plantilla bootstrap html5 para agencias de viajes y tours gratuitos

6- Diseño-Musa

El Musa del diseño es un diseño estático único gratuito y de código abierto que está escrito en HTML5, CSS3 y JavaScript puro.

Puede ser una buena base para un directorio, una revista o una agencia de startups.xxs

GitHub – ArslanAmeer/Layout-Muse: Un diseño de una sola página simple y delicado (inspirado en Adobe Muse – Sitio del día) creado con HTML5 puro, CSS3/LESS y JS/ES6.

Un diseño de una sola página simple y delicado (inspirado en Adobe Muse – Sitio del día) creado con HTML5 puro, CSS3/LESS y JS/ES6. – GitHub – ArslanAmeer/Layout-Muse: una página única simple y delicada…

7-Hyperui.dev

HiperUI es una colección gratuita y de código abierto de componentes CSS de Tailwind diseñada para acelerar el desarrollo web. Incluye una variedad de componentes adecuados para crear diferentes interfaces web, como sitios de marketing, paneles y tiendas de comercio electrónico, promoviendo diseños modernos y receptivos.

Componentes CSS Tailwind de código abierto gratuitos | HiperUI

Componentes CSS gratuitos de Tailwind que pueden usarse en su próximo proyecto.

8- Bloques de cola

Bloques de cola proporciona una colección de bloques listos para usar para Tailwind CSS, destinados a acelerar el desarrollo de páginas web. Ofrece diversos componentes para varias secciones del sitio web, lo que permite un diseño web rápido y moderno.

Tailblocks: bloques CSS Tailwind listos para usar

Bloques CSS Tailwind listos para usar

9- Jugar

Jugar es una plantilla CSS Tailwind gratuita y de código abierto diseñada para empresas emergentes, SaaS, aplicaciones, empresas y más. Presenta un diseño de alta calidad e incluye todos los componentes y páginas esenciales necesarios para lanzar un sitio web completo.

Esta plantilla está diseñada para ayudar a los desarrolladores a implementar rápidamente sitios web de aspecto profesional con facilidad. Para obtener más detalles, puede explorar el proyecto en GitHub.

GitHub – TailGrids/play-tailwind: Play es una plantilla CSS Tailwind gratuita y de código abierto para inicio, SaaS, aplicaciones, negocios y más. Viene con un diseño de alta calidad y todos los componentes y páginas esenciales que necesita para lanzar un sitio web completo.

Play es una plantilla CSS Tailwind gratuita y de código abierto para inicio, SaaS, aplicaciones, negocios y más. Viene con un diseño de alta calidad y todos los componentes y accesorios esenciales. páginas que necesitas para lanzar un co…

10- Ratón de biblioteca Astro ligero

Ratón de biblioteca Light es un tema de blog Astro minimalista y altamente personalizable diseñado para ser fácil de usar y con funciones ricas. Es perfecto para crear un blog moderno con un diseño limpio y una experiencia de usuario eficiente.

GitHub – themefisher/bookworm-light-astro: Bookworm Light es un tema de blog Astro rico en funciones, minimalista, altamente personalizable y fácil de usar.

Bookworm Light es un tema de blog Astro minimalista, altamente personalizable y fácil de usar, rico en funciones. – GitHub – themefisher/bookworm-light-astro: Bookworm Light es una aplicación rica en funciones, minimalista y altamente personaliz…


¿Cómo crear una Galería de Imágenes con Astro Framework, en Menos de una Hora?

Astro es un marco de interfaz de usuario excepcional para crear sin esfuerzo sitios web y aplicaciones de alto rendimiento. Permite a los desarrolladores crear componentes modulares utilizando una combinación de JavaScript, HTML y CSS, que posteriormente se compilan en activos estáticos optimizados. Además, Astro ofrece un sólido soporte para el procesamiento de servidores y la carga dinámica, lo que lo convierte en una solución extremadamente

37 plantillas de páginas de destino HTML5

Las plantillas de destino HTML5 son plantillas de páginas web prediseñadas creadas específicamente para páginas de destino. Estas plantillas se crean utilizando HTML5, la última versión del lenguaje de marcado de hipertexto. Las ventajas de utilizar plantillas de página de destino HTML5 de código abierto son: 1. Rentabilidad: las plantillas de código abierto suelen estar disponibles de forma gratuita o a bajo precio.

25 plantillas de páginas de destino gratuitas de código abierto

Una página de destino es una página web independiente que sirve como punto de entrada a un sitio web o a una sección particular de un sitio web. Está diseñado para persuadir a los visitantes a realizar una acción específica, como suscribirse a un boletín informativo, presentar una aplicación, descargar un libro electrónico o comprar.



Source link

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *