---
title: "Aisol Reading Nav — Framer component · Best of Framer"
description: "$14.00 · Framer component · by ulz song · Navigation. Auto table of contents for CMS"
canonical: "https://framer.elliotli.dev/component/aisol-reading-nav"
---

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

# Aisol Reading Nav

Auto table of contents for CMS

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

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

## Summary

Auto table of contents for CMS

## Description

Reading Nav builds a table of contents from the headings inside its own Content slot, including a CMS rich text field, and keeps it in sync while the reader scrolls. Nothing outside the component is read or changed, and no ids are written to your content.

WHY IT IS DIFFERENT: Reads the headings straight from your CMS rich text, no manual list to maintain. Highlights the section being read and keeps the URL hash in sync, so shared links land in place. Turns into a bottom island on phones instead of disappearing.

HOW TO USE: Drop your article (a rich text block, a CMS body field, or a whole section) into the Content slot. Pick the nav side (left, right, or above), Levels (H2 / H2+H3 / H2+H3+H4), sticky-header offset, indent, island breakpoint, and every colour (panel, rail, accent, progress bar, island) from the property controls.

KEY FEATURES: Heading scan limited to the Content slot, with late CMS render support. Scroll-spy with a reading-progress bar. Click scrolls to the heading and sets the URL hash with replaceState (back button stays clean); hash links restore the section on load. Mobile island: an accessible toggle (aria-expanded, aria-controls) with the current section and a progress ring, tap to open the list. Static-renderer safe (canvas rows on the Framer canvas).

See it on a CMS page: thistle-timing-694660.framer.app/story/start-with-the-brief. More components by Aisol Studio: search "Aisol" in the Marketplace.

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

-   All · #9143

## Details

- **Author**: ulz song
- **Price**: $14.00
- **Published**: 2026-08-29
- **Updated**: 2026-09-07
- **Added**: 2026-08-29
- **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