AstroDeck - The AI-Ready Astro.js Starter Kit
AstroDeck is a modern, open-source component library and starter kit designed to help you build stunning websites in minutes. What sets it apart? It's built AI-friendly from the ground up, making it the perfect foundation for developers who use Claude, Cursor, GitHub Copilot, or any other AI coding assistant.
Key Features
Pre-Built Sections
15+ production-ready, copy-paste sections including Heroes, CTAs, Pricing Tables, Testimonials, Feature Grids, Logo Clouds, and Newsletter forms. Each section is fully responsive and customizable.
Modern Tech Stack
Astro v5 with island architecture for optimal performance. Tailwind CSS v4 with OKLCH color system. shadcn/ui components built on Radix UI. TypeScript for full type safety. Dark mode with persistent theme switching.
AI-Friendly Development
AstroDeck follows the AGENTS.md standard – an open format used by 60,000+ repositories and supported by OpenAI Codex, GitHub Copilot, Cursor, Google Jules, Windsurf, and more. Your AI assistant understands project conventions, patterns, and best practices out of the box.
Multiple Layouts
BaseLayout for boxed content like blogs and documentation. FullWidthLayout for edge-to-edge portfolios and showcases. MinimalLayout without header/footer for landing pages and 404. AuthLayout with split-screen design for login/signup flows.
SEO & Performance Optimized
OpenGraph and Twitter Card meta tags. Automatic sitemap generation. RSS feed for blog posts. Font preloading for faster LCP. Lighthouse scores: 100% across all categories on mobile.
Developer Experience
ESLint and Prettier pre-configured. Pinned dependency versions for reproducible builds. Comprehensive documentation. Blog system with content collections.
Perfect For
Landing pages and marketing sites. SaaS websites and product pages. Personal portfolios and blogs. Rapid prototyping with AI assistance.
License
MIT - Use it for personal and commercial projects.
