Meet Neotoc: A Smoothly Animated, Foldable Table of Contents Generator 🤯

Hi devs,

This is one of my passion projects. I've made this CodePen playground for you to try it out instantly:

Click "Edit on CodePen" on top right corner to see things underneath the TOC easily and to play with the codes.

Let's see quickly what else Neotoc offers:

• It provides built-in base styles(the foundational style plus some decorative ones) and color schemes to easily style to TOC. You can also tweak many styles using CSS variables.
• On the JavaScript side, you can control its behavior with plenty of options. For example if you want to automatically fold/unfold the TOC, just set autoFold: true.

Read the Docs to learn more.

I’d love to hear your thoughts! Are you interested in using it in your projects? Or is there something holding you back? I’m genuinely excited to get your feedback.

Follow me on x(Twitter) or Linkedin for updates.