Starlight-native
Lucode Starlight is a Starlight plugin. Keep the content collections, sidebar config, search, i18n, and MDX workflow you already know.
Built for Astro Starlight 0.38+
Lucode Starlight
Give Starlight a sharper product-docs interface with polished navigation, restrained typography, splash pages, and carefully tuned built-in components.
What the Theme Changes
Section titled “What the Theme Changes”Opinionated UI
Header, sidebar, footer, search, hero, page frame, pagination, and markdown rendering are replaced with a tighter design system.
Token-based theming
Colors, spacing, radii, container width, and component surfaces are driven by CSS custom properties that you can override per site.
Splash pages
Use Starlight’s splash template with Lucode hero layouts for landing pages, product pages, and docs entry points.
Attribution
Section titled “Attribution”Lucode Starlight recreates the design of shadcn/ui’s documentation site. The package also uses adrian-ub/starlight-theme-black as a base, which brought an earlier shadcn/ui-inspired design to Astro Starlight.
This project is not affiliated with shadcn/ui or starlight-theme-black.
Documentation Map
Section titled “Documentation Map”This site is the theme manual and the theme preview at the same time. Start with installation, then use the showcase pages as visual QA while you customize tokens and author content.
Install and configure
Follow the plugin setup, content schema extension, and recommended Starlight options in Getting Started.
Customize the interface
Learn which plugin options and CSS tokens are available in Configuration and Customize the Theme.
Inspect every state
Compare cards, asides, tabs, badges, code blocks, file trees, and buttons in Starlight Components.
Pick a landing layout
Browse the live hero layouts in Splash Pages before choosing one for your docs homepage.