Back to themes

APEX — AI-First Astro 6 SaaS Template

Premium multi-page B2B SaaS template for AI platforms and dev tools. Astro 6, Tailwind 4, shadcn/ui — built AI-first with AGENTS.md and Claude Code workflows.


Cost

Paid


Created by
Holger

APEX is a premium multi-page B2B SaaS template designed for AI platforms, developer tools and tech startups. Its warm off-white aesthetic stands apart from typical dark SaaS templates and creates a trustworthy, welcoming first impression.


The template ships with 16 pages and 24 reusable sections, including hero variants, feature showcases, pricing tables, testimonials, a full blog system with tags, pagination and archive, four landing page variants (SaaS, Startup, Portfolio, Contact), as well as about, contact, careers and job detail pages. A dedicated design system documentation page gives you a live token reference for colors, typography and spacing.


APEX is built AI-first. It includes an AGENTS.md file as a single source of truth compatible with Claude Code, Cursor, GitHub Copilot, Windsurf and Gemini CLI, so any AI coding assistant understands the project instantly. On top of that you get 15+ ready-to-use AI prompts for common customization tasks, 6 Claude Code slash commands, 7 specialist review agents and a multi-agent review system. A design knowledge base of 8 canonical files documents colors, typography, spacing, accessibility and responsiveness — giving both humans and AI agents the context they need to extend the template without breaking consistency.


Under the hood APEX uses Astro 6, Tailwind CSS 4, React and TypeScript, with 11 shadcn/ui components and 5 layout templates. It features a full dark mode with smooth theme switching, a responsive navigation with a frosted glass sticky pill, and complete SEO optimization including structured data and Open Graph tags. Lighthouse scores come in at 99+ Performance and 100 Accessibility out of the box.


APEX is the right choice for AI startups, developer tools, tech companies and SaaS teams that want a polished, customizable landing page built from the ground up for AI-assisted development workflows.