Skip to content


Repository files navigation

Astro Landing Page Astro logo

An Astro + Tailwind CSS example/template for landing pages.

Built with Astro

Screenshots of Astro Landing Page


  • 💨 Tailwind CSS for styling
  • 🎨 Themeable
    • CSS variables are defined in src/styles/theme.css and mapped to Tailwind classes (tailwind.config.cjs)
  • 🌙 Dark mode
  • 📱 Responsive (layout, images, typography)
  • ♿ Accessible (as measured by
  • 🔎 SEO-enabled (as measured by
  • 🔗 Open Graph tags for social media sharing
  • 💅 Prettier setup for both Astro and Tailwind


Command Action
npm install Install dependencies
npm run dev Start local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro --help Get help using the Astro CLI
npm run format Format code with Prettier
npm run clean Remove node_modules and build output