Buildkit for Astro is a design system for building Astro marketing websites with your AI agent, or by hand. Put your brand, pages, copy, and images in a brief, and your agent proposes a sitemap and the blocks for every page, waits for your approval, then builds the site. It doesn't guess props. It reads a catalog of every block and checks its work against real usage examples.
What's included
- Core blocks for every section of a marketing site: hero, features, pricing, FAQ, testimonials, stats, process, timeline, team, logos, blog, contact, newsletter, CTA, header, footer, and error pages. Each block turns into many designs through its props, slots, backgrounds, and themes.
- Backgrounds (aurora, mesh, grid, topography, stars, and more) that you can stack in any block, each with its own fade, intensity, and motion.
- Animated visuals from CodedVisuals: charts, code, devices, integrations, dashboards, and page sections. They follow your theme tokens, and you can render them static so your site ships with zero React.
- Themes built on shadcn/ui tokens, plus your own brand palette and fonts, with dark mode.
- Header styles, container widths, and section spacing are all set in one config file, and you can override them on any single block.
- AI skills for Claude Code, Codex, Cursor, and any agent that reads skills: build a site from a brief, add pages, audit it before launch, and update to new releases.
Built for production
Built on Astro and Tailwind CSS. It outputs a static site that deploys to any host. Blocks use CSS before JavaScript, native dialogs and accordions, semantic markup, visible focus states, and keyboard support, and they honor reduced motion. Pages load fast.
Updates
It's a one-time purchase with lifetime updates. Run `/buildkit-update` to get a new release. It keeps your changes and fixes your pages if a prop changed.
