freeCodeCamp TOC Generator

Enter your draft preview URL, select your nesting depth strategy, and generate your Table of Contents instantly.

Your draft post link should look like: https://preview.freecodecamp.org/6a64ed97efd3ae28118221e1
Writing for DEV or have standard markdown content? Switch over to the Markdown TOC Generator for standard raw text files.
Table of Contents
Need help? If you run into issues generating your table of contents, check out our step-by-step setup guide here.

Support the Project

This tool is 100% free. If it saves you time on your articles, consider supporting its development and maintenance!

How to Generate Table of Contents

  1. Select Heading Options: Choose your dynamic nesting strategy selection from the dropdown row.
  2. Enter Preview Link: Paste a valid, public freeCodeCamp Draft Preview URL target.
  3. Calculate Elements: Click the green button to trigger background crawler logic.
  4. Acquire Clipboard Copy: Use the copy controller to paste clean markdown arrays to your clipboard.