astroblocksDownload all blocks
Free Astro component library · AI-ready

Build Astro sites faster
— by talking to AI.

Start with 311 free Astro components. Ask Codex, Claude Code or Cursor to make the changes, or edit the files directly. Your project remains clean Astro code.

Browse 311 components →
  • All blocks free
  • AI editable
  • Astro-native
  • No lock-in
  • Your code
  • Download ready
How it works

Four steps from component to live page.

Start from a proven block, use AI, or edit the source directly. Your work stays in ordinary Astro files from the first edit to deployment.

  1. 01

    Choose a component

    Browse 311 live sections and choose the structure that fits your page instead of starting from a blank canvas.

  2. 02

    Copy the Astro file

    Every block is a self-contained component with readable markup, scoped styles and optional interaction.

  3. 03

    Edit directly or ask AI

    Tell Codex, Claude Code or Cursor what to change, or customize the ordinary Astro file yourself.

  4. 04

    Push and publish

    Commit and push your project to GitHub. Your connected hosting service can deploy the updated site automatically.

Built on Astro

The web framework for content-driven websites.

Every Astroblock is built on Astro – the JavaScript framework optimized for fast, content-driven sites. That’s why your pages ship almost no JavaScript and load instantly.

  • Server-first

    Astro renders to HTML on the server and sends the browser almost zero JavaScript – so pages feel instant.

  • Content-driven

    Designed to work with your content wherever it lives – Markdown, an external API or your favourite CMS.

  • Customizable

    Bring your own tools – React or Vue islands, Tailwind, themes and integrations. All optional, never locked in.

Learn more at astro.build →