Минималистичная, доступная и оптимизированная для SEO тема блога на Astro с TypeScript, Tailwind CSS и поиском Pagefind.
arthelokyo/astrowind
Бесплатная тема-шаблон с открытым исходным кодом для Astro и Tailwind CSS v4: более 30 виджетов для лендингов, блог и инструменты SEO.
- Звёзды
- 6,055
- Форки
- 1,687
- Открытые issues
- 3
- Последний коммит
- в прошлом месяце
Что это?
AstroWind — стартовый шаблон для создания статических сайтов на Astro и Tailwind CSS v4. В нём есть готовая структура лендинга с более чем 30 типизированными, комбинируемыми виджетами секций: главными экранами, сетками преимуществ, таблицами сравнения тарифов, аккордеонами FAQ, отзывами, временными шкалами и формами подписки на рассылку.
Также в шаблон входят блог с RSS-лентой, поддержкой MDX, категориями и тегами, а также кнопками для публикации в соцсетях. Записи в формате Markdown или MDX считываются во время сборки. Среди других встроенных возможностей — оптимизация изображений через Astro Assets, генерация sitemap, теги Open Graph, интеграция с Google Analytics и тёмная тема с поддержкой RTL.
Общие настройки сайта — например, название, метаданные SEO, пути к разделам блога и режим темы — хранятся в одном YAML-файле, а цвета и шрифты задаются через CSS-переменные и токены темы Tailwind. Проект можно развернуть на Netlify, Vercel, Cloudflare или любом другом статическом хостинге; в комплект также входят инструкции для AI-ассистентов по написанию кода для типовых задач настройки.
Ключевые возможности
- 01Более 30 типизированных, комбинируемых виджетов секций для лендингов.
- 02Блог с RSS-лентой, поддержкой MDX, категориями и тегами.
- 03Оптимизация изображений с помощью Astro Assets и Unpic.
- 04Автоматическая генерация sitemap, теги Open Graph и интеграция с Google Analytics.
- 05Тёмная тема и поддержка RTL на базе Tailwind CSS v4.
- 06Настройка через один YAML-файл и токены темы на основе CSS.
Сценарии использования
- Создание лендинга компании или продукта на основе готовых секций.
- Запуск личного или корпоративного блога со встроенной поддержкой RSS и SEO.
- Создание документационного или маркетингового сайта для развёртывания в виде статических файлов.
Быстрый старт
- 1
Требуется Node.js версии 22.22.3 или новее; создайте проект на основе шаблона AstroWind
npm create astro@latest -- --template arthelokyo/astrowind - 2
Установите зависимости
npm install - 3
Запустите локальный сервер разработки по адресу localhost:4321
npm run dev
Что важно знать
- Блог работает только при prerender = true, хотя в шаблоне используется output 'static'.
- Версия 1 находится в режиме сопровождения, а новая разработка ведётся в AstroWind v2.
Темы
Частые вопросы
- Что такое astrowind?
- Бесплатная тема-шаблон с открытым исходным кодом для Astro и Tailwind CSS v4: более 30 виджетов для лендингов, блог и инструменты SEO. AstroWind — стартовый шаблон для создания статических сайтов на Astro и Tailwind CSS v4. В нём есть готовая структура лендинга с более чем 30 типизированными, комбинируемыми виджетами секций: главными экранами, сетками преимуществ, таблицами сравнения тарифов, аккордеонами FAQ, отзывами, временными шкалами и формами подписки на рассылку.
- astrowind можно использовать бесплатно? Какая у него лицензия?
- astrowind распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- astrowind всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в astrowind — 12 сент. 2026 г..
- Для чего можно использовать astrowind?
- Создание лендинга компании или продукта на основе готовых секций. Запуск личного или корпоративного блога со встроенной поддержкой RSS и SEO. Создание документационного или маркетингового сайта для развёртывания в виде статических файлов.
- Как установить astrowind?
- Требуется Node.js версии 22.22.3 или новее; создайте проект на основе шаблона AstroWind: npm create astro@latest -- --template arthelokyo/astrowind Установите зависимости: npm install Запустите локальный сервер разработки по адресу localhost:4321: npm run dev
- Где скачать astrowind?
- Исходный код и инструкции по установке — на GitHub: https://github.com/arthelokyo/astrowind
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Минималистичная адаптивная тема Jekyll для технических блогов с тёмным режимом, подсветкой синтаксиса, поддержкой формул, диаграмм Mermaid и PWA.
Адаптивная премиум-тема WordPress со светлым и тёмным режимами, загрузкой страниц без перезагрузки и встроенным входом через сторонние сервисы.
Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API.
CMS с открытым исходным кодом для редактирования контента и медиафайлов прямо в репозитории GitHub; подходит для статических сайтов на Jekyll, Hugo, Next.js, Astro и других инструментах.
Скаффолдер, который разворачивает в вашем репозитории редактируемый сайт документации на Astro, включая Markdown для coding agents и файл llms.txt.