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.

34 components19 registry primitives1 brand mark

Brand

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

1 component · 2 variants

Brand

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

Registry primitives

shadcn-style copy-paste components. Source inpackages/registry/base.

19 components

Button

button.astro5 variants · 3 sizes
variant
size

Text

text.astro11 variants · polymorphic
variant

Display

Heading h1

Heading h2

Heading h3

Heading h4

Lead paragraph for intros and ledes.

Body copy, the default scale.

Small caption text.

Muted de-emphasis text.

Eyebrow label

npx astro-ignite

Badge

badge.astro
variantsDefaultSecondaryOutlineDestructive

Card

card/*.astrocomposition

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 settingsAPI keys · billing · usage
verticalDocsPlanChangelog

Alert

alert.astro

Avatar

avatar.astro
size
fallback

Skeleton

skeleton.astro

Kbd

kbd.astro
Search⌘KToggle theme⌘⇧DConfirm↵

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/*.astronative <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.astroCSS-only
Save changes (⌘S)Open in new tab

Toast

toaster.astro + lib/toast.ts
iSettings saved.

Blocks

Drop-in feature blocks. Source in packages/registry/blocks.

1 block

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.