Floating Table of Contents Generator

Create an elegant, floating table of contents for any website. Customize colors, select heading levels, and get ready-to-use JavaScript code that automatically generates a TOC with smooth scrolling.

Configuration

Select Heading Levels to Include:

Customize Colors:

Live Preview

How to Use

  1. Select which heading levels (H2-H6) you want to include in your table of contents
  2. Customize the colors to match your website's design
  3. Click "Generate Code" to create your custom JavaScript
  4. Copy the generated code and paste it just before the closing </body> tag on your website
  5. The floating TOC will automatically appear on all pages and generate links for your headings

Make Waves With Kalyxo

Ready to reimagine your online presence?

Connect with our San Diego-based freelance web developer to build your new website now.

Connect With Us