About ReadPath

An automatic table of contents with reading progress and time left.

What it does:

- Page mode builds the contents from headings in your article (CSS selectors you set)

- Progress ring, minutes left based on your reading speed, and the current section highlighted

- Click a section to scroll there, with an offset for fixed headers

- Optional remembered position (stored in the visitor's browser) with a continue button

- Demo mode with a built-in sample article for previews

- Light and Dark themes plus colour, radius, depth and font controls

Good to know:

- Page mode works on the published site. On the canvas it shows a setup message.

- Your article selector must match your page structure. The preview uses Demo mode.

Included: one Framer code component (TSX file + component URL), a setup guide and the example images used in the preview.

ReadPath