Free forever · MIT license

Astro components, sections and pages. Copy them in. Make them yours.

One command writes a component's source into your project: Astro markup, Tailwind classes, and JavaScript only where the browser can't do the job alone. You change it like any other file, and apogee update brings in later fixes without touching your edits.

Read the docs
npx @ava-ui/apogee create my-site
Components
111
Blocks and pages
650+
JavaScript by default
0 KB
WCAG accessible
AA
Free and open source
MIT
Source in your repo
100%

Native first

Turn JavaScript off. It still works.

Apogee builds on what the browser already does. Scripts only add the extras, like arrow keys in a menu. Switch tabs and try it.

  • Menus with the popover attribute
  • Dialogs with dialog and invoker commands
  • Tooltips with hover and focus in CSS
  • Popovers with light dismiss built into the browser
  • Accordions with details and summary
  • Segmented controls with plain radio buttons

Theming

One file of tokens. Every colour, both themes.

Pick a primary and a grey. Apogee works out every fill, border and text colour for light and dark, and picks text on each fill by measuring contrast.

Palette
Light

Launch checklist

Three of four steps done. Publish when you're ready.

Dark

Launch checklist

Three of four steps done. Publish when you're ready.

Sections and pages

Start from a finished page.

151 pages and 503 blocks: heroes, pricing, blogs, sign-in and more. Add one, then make it yours.

Browse all

Questions

Is Apogee really free?
Yes. It’s MIT licensed, with no paid tier and no account. Use it in client work and commercial products.
How is this different from a component library?
You don’t install Apogee as a dependency. The CLI copies each component’s source into your project, so you read it, change it and ship it like your own code.
Do I need Tailwind?
Yes, Tailwind v4. Components are styled with utility classes that read Apogee’s tokens. apogee create sets Tailwind up for you.
Does it need JavaScript?
Most components ship none. The ones that do use a small script that only adds extras, like arrow keys in a menu, and they keep working without it.
Is it accessible?
Every component is keyboard operable with visible focus and the right roles and labels, and every text colour pair is checked against WCAG AA contrast.
Can I make it look like my brand?
Yes. Pick a primary colour and a grey in one file and Apogee generates every colour for light and dark. Skins change the surface style on top.
I edited a component. What happens on update?
apogee update only replaces files you haven’t changed. For the ones you edited, apogee diff shows what changed in the package, line by line, and you decide.
Which Astro version?
Apogee is built and tested on the latest Astro, 7 today. apogee create always starts on the newest release.
What about React or Next.js?
Not yet. Components are plain markup, tokens and small scripts, so a React port is on the way.

Your next Astro site is one command away.

Free, MIT licensed, and every line is yours.

npx @ava-ui/apogee create my-site
Read the docs