#What is TOC CMS (Free)?

TOC CMS (Free) is a Framer component built to automatically generate a structured table of contents from your CMS-rich text blog content. It’s ideal for creators, indie hackers, and content-driven websites that publish long-form articles. Instead of manually creating anchor links and updating them every time content changes, this component reads your CMS headings and builds a dynamic, clickable TOC instantly. Perfect for documentation sites, technical blogs, tutorials, and knowledge bases built in Framer.

#Features ⚡

• Auto Heading Detection: Scans CMS rich text and extracts H1–H6 headings automatically.

• Dynamic Anchor Links: Generates clickable links that scroll smoothly to each section.

• CMS-Optimized: Built specifically for Framer CMS collections and blog posts.

• Sticky Layout Option: Keep the TOC visible while users scroll long content.

• Responsive Design: Works cleanly across desktop, tablet, and mobile breakpoints.

• Clean Styling Controls: Customize typography, spacing, and active states inside Framer.

#Included Components/Templates

• TOC CMS Component: Core dynamic TOC generator.

• Anchor Scroll Logic: Automatic linking between headings and TOC items.

• Style Controls: Customize layout, alignment, and typography.

• Responsive Behavior Preset: Optimized for blog sidebars or inline placement.

#Pricing 💸

TOC CMS (Free) follows a completely free model.

• Free Download: No payment required.

• No Subscription: Use in unlimited Framer projects.

• Creator Attribution: May require credit depending on creator terms.

#Integrations 🧰

Designed to work natively inside the Framer ecosystem.

• Framer CMS Collections

• Framer Rich Text fields

• Blog & Documentation templates

• SEO-focused content structures

• Long-form tutorial layouts