Blog Side Nav (CMS)
A dynamic table of contents component that updates seamlessly based on your page — and works with CMS!
Make it with Workshop
Build your own component with AI
About this Component
Simply add this vertical Side Nav component to your website to instantly see a Dynamic Table of Contents that live updates based on the content on your site (even works for CMS content).
Choose from two different modes:
Popover (inspired by Notion). When you need to display extensive navigation in a clean, organized way, popover mode reveals a beautiful menu overlay on hover. Perfect for long-form content, documentation, or any situation where you want to show the complete content structure without cluttering your design.
Animated Lines (inspired by Stripe). Perfect for minimal, focused navigation experiences. When users hover over navigation elements, lines dynamically scale based on proximity to their cursor, creating an elegant visual hierarchy that feels both sophisticated and intuitive.Watch the demo video to see these in action.
You have complete flexibility to choose what is shown inside the component and even create custom labels overrides too!
