Fast pages by default
Plain HTML, small scripts and well-sized images keep the site quick.
Marcus Delgado
Free starter
Build your next site with Astronomic UI
Free Astro parts that fit together. Replace our words with yours, keep the parts, and change the look with one line.
Works with
What you get
Everything a small site needs
Each part is made to work with the others, on any screen, in light and dark.
Parts that fit
Navigation, sections, forms and footers share one set of design tokens.
A new look in one line
Switch from Minimal to Soft, Ink or another preset with one line of CSS.
Light and dark
Every page reads well in both, and visitors can pick.
Your content, your way
Write in Markdown files, or edit in EmDash.
Search built in
Search works on a static site and on a server.
Ready for phones
Each part sizes to its own box, from a phone to a wide screen.
Screenshots
See it in use
Real pages from this starter: three looks, dark mode and a phone.
One set of parts, many looks
The same home page in Ink, Playful and Soft. Only the look line changed.
Dark mode on every page
Visitors pick light or dark, and every part follows. Photos keep their own color.
Made for phones
Each part sizes to its own box, so pages read well on a small screen.
Get started
From install to launch
Three short steps. The look is one line of CSS, and every page follows it: type, color, corners and spacing.
Install
Copy the starter, install the packages, and start the dev server.
Pick a look
Try each one with the buttons here. On your site, the look is one line in src/styles/global.css.
Ship
Replace our words with yours, then deploy.
Try a look
@import "tailwindcss";@import "@astronomic/ui/tokens.css";@import "./fonts.css";@import "@astronomic/ui/theme.css"; /* The look: turn one line on. */@import "./looks/soft.css";Latest posts
From the blog
Start every page with a preset
A preset sets the type, color and shape of the whole site in one line.
Nora Whitfield
Welcome to the blog
What this blog is for, and what to read first.
Nora Whitfield
Start building today
Follow the three-part guide and have your first page up in an afternoon.