Aisol Docs Nav

A sticky table of contents that tracks the reader through long pages, docs, and guides. Scroll the page and the marker follows.

Built for documentation sites, changelogs, legal pages, blog posts, and landing pages with long content. List your sections in the property panel (label, level, target ID or link) and the component handles the rest: scroll-spy highlighting, a reading progress bar, and smooth anchor jumps with a configurable header offset.

Features: 2-level nesting (h2/h3), three active markers (bar, dot, none), optional rail line, reading progress bar (top or bottom), mobile bottom sheet with scrim ("On this page"), keyboard navigation with arrow keys, real anchor links with aria-current, focus moves to the target heading after each jump, light/dark/auto theme via CSS variables, reduced-motion support that keeps every control working, and 20 property controls for typography, spacing, colors, and behavior. No CMS collection required.

Works with element IDs on the same page or links to other pages and CMS entries. Fully responsive with a configurable mobile breakpoint.

More components at Aisol Studio: framer.com/@ulz-song