Elastic TOC Glide
An indicator that stretches and snaps to headings as you scroll.
Fumadocs Theme for Starlight
A high-fidelity FumaDocs theme for Starlight. Replaces core Starlight components with a refined, high-contrast UI.
This isn’t just a stylesheet. It’s a structural override. By ripping out and replacing nearly every core Starlight component—from the header to the table of contents—this plugin gives your docs the clean, token-driven aesthetic of FumaDocs.
Live Demo
Section titled “Live Demo”Check out the live site to see the component overrides and the physics-based glide indicator in action.
Key Features
Section titled “Key Features”Structural Rails
Sidebar rails with vertical connectors and active-state accent bars.
Component Overrides
Swaps out 10+ core Starlight components (Header, Pagination, Search) to lock in the design.
Tokenized Design
Components link back to a global --fuma-radius system, so tweaking the look takes seconds.
The “Fuma” Aesthetic
Section titled “The “Fuma” Aesthetic”We built this to combine Starlight’s content engine with FumaDocs’ UI.
Overridden Components:
Section titled “Overridden Components:”- Header & SiteTitle: Minimalist layout with tighter spacing.
- Sidebar: High-contrast rails to clearly show document depth.
- Table of Contents: Physics-based tracking indicator.
- Pagination & Footer: Button styles that respect your global radius tokens.
Implementation
Section titled “Implementation”It runs as a native Starlight plugin. Drop it in astro.config.mjs, and it automatically injects the styles and overrides into your Astro build.