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:

Button Background

Button Icon

Container Background

Header Background

Header Text

Link Color

Link Hover Color

Active Link Background

Live Preview

How to Use

Select which heading levels (H2-H6) you want to include in your table of contents
Customize the colors to match your website's design
Click "Generate Code" to create your custom JavaScript
Copy the generated code and paste it just before the closing </body> tag on your website
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