---
title: "Aisol Docs Nav — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Aisol Studio · Navigation. Scroll-spy table of contents"
canonical: "https://framer.elliotli.dev/component/aisol-docs-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Aisol Docs Nav

# Aisol Docs Nav

Scroll-spy table of contents

[View on Framer](https://framer.com/marketplace/components/aisol-docs-nav/?via=elliot-li)

![Aisol Docs Nav preview image 1](https://framer.elliotli.dev/og/component/aisol-docs-nav/af8ec9db4c59dda0/1600x1200.jpg)

## Summary

Scroll-spy table of contents

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #6480

## Details

- **Author**: Aisol Studio
- **Price**: $12.00
- **Published**: 2026-08-25
- **Updated**: 2026-10-02
- **Added**: 2026-08-25
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation