EN

Design system · 0.1.0

Components

Every visual surface in astro-ignite, in one place. Registry primitives, site & docs chrome, and the landing composites. All built on a single zinc scale and Geist type pairing.

33 components 18 registry primitives 14 blocks 1 brand mark

Brand

The >_ mark and lockup. Always Geist Mono, always lowercase wordmark.

1 component · 2 variants

Brand

apps/site/src/components/Brand.astro variant=lockup | mark
lockup
>_ astro-ignite
mark
>_
size · sm/md/lg
>_ >_ >_

Registry primitives

shadcn-style copy-paste components. Source in packages/registry/base.

18 components

Button

button.astro 5 variants · 3 sizes
variant
size

Badge

badge.astro
variants Default Secondary Outline Destructive

Card

card/*.astro composition

Lighthouse 100s

Mobile and desktop. CI budgets fail the build before regressions ship.

Built into every template. Disable per-route with a frontmatter flag.

Input

input.astro

Textarea

textarea.astro

Label

label.astro

Separator

separator.astro
Account settings API keys · billing · usage
vertical Docs Plan Changelog

Alert

alert.astro

Avatar

avatar.astro
size
fallback

Skeleton

skeleton.astro

Kbd

kbd.astro
Search ⌘ K Toggle theme ⌘ ⇧ D Confirm ↵

Tabs

tabs/*.astro

Accordion

accordion/*.astro
Does the CLI vendor framework code?
No. Templates are owned by you — no runtime dependency on astro-ignite once scaffolded.
Can I add custom components after scaffolding?
Yes. The registry is shadcn-style: source files copy into your project on demand.

Dialog

dialog/*.astro native <dialog> element

Open via the registry's openDialog() helper. Static preview:

Delete project?
This will permanently remove "my-site" and all its content. This action cannot be undone.

Tooltip

tooltip.astro CSS-only
Save changes (⌘S) Open in new tab

Toast

toaster.astro + lib/toast.ts
i Settings saved.

Blocks

Composed patterns built from the primitives. Source in packages/registry/blocks.

14 blocks

PageHero

page-hero.astro
GET STARTED

Astro sites, built for AI agents.

Scaffold a production-grade Astro project with one command. No framework lock-in.

ReleasePill

release-pill.astro
BETAv0.1.0 just shipped

CommandBlock

command-block.astro
npx astro-ignite@latest my-site

TerminalPreview

terminal-preview.astro
~/code zsh 
 $ npx astro-ignite@latest my-site
 ◇ Project name? ./my-site
 ◇ Languages? en, es
 ◇ Email? Resend
 ◆ Install deps? ● Yes ○ No

FeatureGrid

feature-grid.astro
01

Lighthouse 100s

Mobile and desktop, CI-enforced.

02

Strict TS

Astro 5 type-checks every route on build.

03

Agent-readable

Small surface area, no magic abstractions.

AuthorCard

author-card.astro

Jordi Parra

Maintainer. Building astro-ignite — a small, owned, Lighthouse-100 scaffolder for Astro.

NoticeBanner

notice-banner.astro
This is a template document. Review with legal counsel before publishing.
Beta features are subject to change without notice.

More blocks: post-list · project-card · metadata-grid · toc-rail · not-found-state

Chrome

Static previews of the site & docs chrome elements. The live components ship with both templates.

7 components

LocaleSwitcher

src/components/LocaleSwitcher.astro
English en
Español es

ThemeToggle

src/components/ThemeToggle.astro
Tri-state: light → dark → system.