30+ components / built for Claude Code

Build agentic web apps on Astro Kit.

Login, database and dashboard come wired in, and the repo is set up for Claude Code to work in.

Browse componentsRead the blog

Colour marks interactivity. Static content is ink; links, buttons and controls carry the accent. Nothing else does.

Rendered

Accessibility First

Screen-reader support, keyboard navigation and WCAG-compliant patterns, built in.

Continue Reading
import Card from '#components/astro/Card.astro'

<Card cardTitle="Accessibility First" cardLink="/guide/components/">
  <p>Screen-reader support, keyboard navigation and WCAG-compliant patterns, built in.</p>
</Card>

What's in the kit

Content Management System

Powerful content collections with MDX support, RSS feeds, tagging system, and publication workflow. Perfect for blogs, documentation, and content-rich websites.

import Card from '#components/astro/Card.astro'

<Card cardTitle="Content Management System">
  <p>Powerful content collections with MDX support, RSS feeds, tagging system, and publication workflow. Perfect for blogs, documentation, and content-rich websites.</p>
</Card>

Authentication & Security

Complete Clerk integration with protected routes, user management, and security utilities. XSS protection, input validation, and trusted domain validation built-in.

import Card from '#components/astro/Card.astro'

<Card cardTitle="Authentication & Security">
  <p>Complete Clerk integration with protected routes, user management, and security utilities. XSS protection, input validation, and trusted domain validation built-in.</p>
</Card>

  • Progressive Web App

    Full PWA implementation with offline support, service workers, install prompts, and native app-like experience. Works seamlessly across all devices.

  • Component Library

    30+ Astro components plus React components for building modern websites. Layout, content display, forms, media, and utility components included.

  • Accessibility First

    Built-in screen reader support, keyboard navigation, text-to-speech integration, and comprehensive accessibility testing. WCAG compliant design patterns.

  • Developer Experience

    Comprehensive testing suite with Playwright and Vitest, TypeScript support, ESLint, Prettier, and automated quality checks. Hot reloading and SCSS compilation.