Framer
Table of Contents
An auto-generated, scroll-aware table of contents component for Framer.
Free
What's included
- Auto-generated from page headings
- Scroll-aware active state
- Smooth animated indicator
- Customisable typography and spacing
- Framer component file
About
Table of Contents
Automatically builds a linked table of contents from your page headings, highlights the active section as the user scrolls, and animates smoothly between states — all with zero code.
Long-form content is hard to navigate without a good table of contents. This component generates one automatically from your headings and keeps the active section highlighted as readers scroll.
Drop it into any Framer page — articles, docs, landing pages — and it handles the rest.
