Cooper is a premium, batteries-included Astro 5 template engineered for modern web development. It bridges the gap between a high-performance SaaS landing page and a full-featured documentation site, making it the perfect starting point for startups, open-source tools, and developer portfolios.
Built with the bleeding edge of the ecosystem (Astro 5, Tailwind CSS 4, React 19), Cooper is designed to be blazing fast, accessible, and ready for global audiences with built-in internationalization (i18n) and RTL support.
🚀 Key Features
- State-of-the-Art Stack: Built on Astro 5, Tailwind CSS 4, and React 19 for maximum performance and modern developer experience.
- Atomic Component System: A categorized library of 30+ components (Atoms, Molecules, Organisms) including Bento Grids, Infinite Marquees, and Glassmorphic pricing tables.
- Documentation Engine: Integrated MDX documentation with Pagefind search, deep linking, and auto-generated sidebars.
- Advanced Internationalization: Type-safe i18n with flat-file dictionaries and automatic RTL layout mirroring (perfect for Arabic/Hebrew).
- SEO Optimized: 100/100 Lighthouse scores, proper meta tags, Open Graph images, and sitemap generation out of the box.
- Developer Experience:
- Typescript-first codebase.
- CLI tool npx @gladtek/cooper-launch@latest for instant scaffolding.
- Mermaid JS support for diagrams.
- Dark/Light mode with system preference detection.
🛠️ Tech Stack
- Framework: Astro 5
- Styling: Tailwind CSS 4 (Utility-first)
- Logic: React 19 & TypeScript
- Search: Pagefind
- Icons: Lucide React
- Animations: Motion (formerly Framer Motion)
📦 What's Inside?
Cooper isn't just a theme; it's an architectural guide. It includes:
- UI Library: Buttons, Badges, Cards, Inputs.
- Marketing Sections: Hero, Features, CTA, Pricing, FAQ, Logo Cloud.
- Content: Blog layouts, Documentation layouts, Legal pages.
- Utilities: Cookie consent, Theme toggles, Language switchers.
Designed by Gladtek to help you build software that feels premium from day one.
