Repolode
Enviar
arthelokyo

arthelokyo/astrowind

Tema inicial gratuito e de código aberto para Astro e Tailwind CSS v4, com mais de 30 widgets para landing pages, blog e recursos de SEO.

Ver no GitHubSite
Estrelas
6,055
Forks
1,687
Issues abertas
3
Último commit
mês passado

O que é?

AstroWind é um template inicial para criar sites estáticos com Astro e Tailwind CSS v4. Ele oferece uma estrutura pronta para landing pages, com mais de 30 widgets tipados e combináveis para seções como hero, grades de recursos, tabelas de preços comparativas, accordions de perguntas frequentes, depoimentos, linhas do tempo e formulários de newsletter.

O template também inclui um blog com feed RSS, suporte a MDX, categorias, tags e botões para compartilhar nas redes sociais. As publicações são arquivos Markdown ou MDX lidos durante o build. Outros recursos incluídos são otimização de imagens com Astro Assets, geração de sitemap, tags Open Graph, integração com Google Analytics e modo escuro com suporte a RTL.

Configurações do site, como nome, metadados de SEO, caminhos do blog e modo do tema, ficam em um único arquivo de configuração YAML. Já as cores e fontes são definidas por variáveis CSS e tokens de tema do Tailwind. O projeto pode ser publicado no Netlify, Vercel, Cloudflare ou em qualquer host de sites estáticos e inclui instruções para assistentes de programação com IA sobre tarefas comuns de personalização.

Recursos principais

  • 01Mais de 30 widgets tipados e combináveis para seções de landing pages.
  • 02Blog com feed RSS, suporte a MDX, categorias e tags.
  • 03Otimização de imagens com Astro Assets e Unpic.
  • 04Geração automática de sitemap, tags Open Graph e integração com Google Analytics.
  • 05Modo escuro e suporte a RTL com Tailwind CSS v4.
  • 06Configuração em um único arquivo YAML e tokens de tema com CSS em primeiro lugar.

Casos de uso

  • Lançar uma landing page para uma empresa ou produto usando seções prontas.
  • Começar um blog pessoal ou corporativo com RSS e SEO incluídos.
  • Criar um site de documentação ou marketing publicado como arquivos estáticos.

Início rápido

  1. 1

    Requer Node.js 22.22.3 ou mais recente; crie o projeto a partir do template AstroWind

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

    Instale as dependências

    npm install
  3. 3

    Inicie o servidor de desenvolvimento local em localhost:4321

    npm run dev

Antes de usar

  • O blog só funciona com prerender = true, embora o template use output 'static'.
  • A versão 1 está em modo de manutenção; o novo desenvolvimento está sendo feito no AstroWind v2.

Tópicos

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

Perguntas frequentes

O que é astrowind?
Tema inicial gratuito e de código aberto para Astro e Tailwind CSS v4, com mais de 30 widgets para landing pages, blog e recursos de SEO. AstroWind é um template inicial para criar sites estáticos com Astro e Tailwind CSS v4. Ele oferece uma estrutura pronta para landing pages, com mais de 30 widgets tipados e combináveis para seções como hero, grades de recursos, tabelas de preços comparativas, accordions de perguntas frequentes, depoimentos, linhas do tempo e formulários de newsletter.
astrowind é gratuito? Qual é a licença?
astrowind é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
astrowind ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de astrowind foi em 12 de set. de 2026.
Para que posso usar astrowind?
Lançar uma landing page para uma empresa ou produto usando seções prontas. Começar um blog pessoal ou corporativo com RSS e SEO incluídos. Criar um site de documentação ou marketing publicado como arquivos estáticos.
Como instalar astrowind?
Requer Node.js 22.22.3 ou mais recente; crie o projeto a partir do template AstroWind: npm create astro@latest -- --template arthelokyo/astrowind Instale as dependências: npm install Inicie o servidor de desenvolvimento local em localhost:4321: npm run dev
Onde consigo astrowind?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/arthelokyo/astrowind

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados