---
title: "CMS TOC Kit — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Molly Hung · Navigation. CMS TOC Kit helps you auto-generate a Table of Contents from CMS content and customize every detail: Position — Align the TOC to the left…"
canonical: "https://framer.elliotli.dev/component/cms-toc-kit"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/CMS TOC Kit

# CMS TOC Kit

Auto-generated Contents from CMS

[View on Framer](https://framer.com/marketplace/components/cms-toc-kit/?via=elliot-li)

![CMS TOC Kit preview image 1](https://framer.elliotli.dev/og/component/cms-toc-kit/36725f514aa13fdf/1600x1200.jpg)

## Summary

CMS TOC Kit helps you auto-generate a Table of Contents from CMS content and customize every detail: Position — Align the TOC to the left / center / right of the page Menu Width —…

## Description

**CMS TOC Kit** helps you auto-generate a Table of Contents from CMS content and customize every detail:

-   **Position** — Align the TOC to the **left / center / right** of the page
    
-   **Menu Width** — Adjust the TOC width with an easy slider
    
-   **Heading Levels** — Choose which heading levels to include
    
-   **Show Numbering** — Toggle section numbering on/off
    
-   **Font** — Set your preferred typography (e.g. Inter)
    
-   **Colors** — Customize text, highlight, and UI colors
    
-   **Container Border** — Add a clean border style for the TOC container
    
-   **Spacing** — Control padding and layout spacing
    
-   **Highlight Radius** — Adjust active item corner radius
    
-   **Container Shadow** — Enable/disable shadow for depth
    
-   **Animation Speed** — Control scroll / highlight transition speed
    
-   **Scroll Offset** — Fine-tune anchor offset for sticky headers
    

After purchase, you’ll receive a **Remix link** that includes **the full component setup and a complete step-by-step guide.**

### Inside the Remix file, you’ll find:

-   The **CMS TOC Kit component** ready to use
    
-   A **full tutorial** showing how to connect it to your CMS content
    

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

-   All · #8361

## Details

- **Author**: Molly Hung
- **Price**: $19.00
- **Published**: 2026-02-10
- **Updated**: 2026-02-10
- **Added**: 2026-01-17
- **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