📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Table of Contents

Content navigation, TOC layouts, and page outlines

100 components

Version:

📌 Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Table of Contents Layout Style 1 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 1

table-of-contents (Pro) sidebar style

headingtext-editor
Table of Contents Layout Style 2 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 2

table-of-contents (Pro) sidebar style with CTA button below

headingtext-editor
Table of Contents Layout Style 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 3

table-of-contents (Pro) sidebar style with divider above

headingtext-editor
Table of Contents Layout Style 4 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 4

table-of-contents (Pro) sidebar style with image placeholder

headingtext-editor
Table of Contents Layout Style 5 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 5

table-of-contents (Pro) sidebar style with icon accents

headingtext-editor
Elementor ProV3 Adaptive

Table of Contents Layout Style 6

table-of-contents (Pro) sidebar style centered layout

headingtext-editor

Get new V4 components weekly

We add 200+ new V4 atomic components every week. Drop your email and get the new ones in a weekly digest, plus the free V4 migration starter kit as a welcome gift.

No spam. Unsubscribe anytime. We'll also let you know when new V4 components drop.

Table of Contents Layout Style 1 2 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 1 2

table-of-contents (Pro) sidebar style left-aligned layout

headingtext-editor
Table of Contents Layout Style 2 2 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 2 2

table-of-contents (Pro) sidebar style 2-column variant

headingtext-editor
Elementor ProV3 Adaptive

Table of Contents Layout Style 3 2

table-of-contents (Pro) sidebar style 3-column variant

headingtext-editor
Elementor ProV3 Adaptive

Table of Contents Layout Style 4 2

table-of-contents (Pro) sidebar style compact variant

headingtext-editor
Table of Contents Layout Style 5 2 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 5 2

table-of-contents (Pro) sidebar style spacious variant with extra padding

headingtext-editor
Table of Contents Layout Style 6 2 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 6 2

table-of-contents (Pro) sidebar style with social-icons row

headingtext-editor
Table of Contents Layout Style 1 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 1 3

table-of-contents (Pro) sidebar style with counter stat

headingtext-editor
Table of Contents Layout Style 2 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 2 3

table-of-contents (Pro) sidebar style full-width layout

headingtext-editor
Table of Contents Layout Style 3 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 3 3

table-of-contents (Pro) sidebar style narrow centered card style

headingtext-editor
Table of Contents Layout Style 4 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 4 3

table-of-contents (Pro) sidebar style with divider below

headingtext-editor
Table of Contents Layout Style 5 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 5 3

table-of-contents (Pro) sidebar style right-aligned layout

headingtext-editor
Table of Contents Layout Style 6 3 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 6 3

table-of-contents (Pro) sidebar style 4-column variant

headingtext-editor
Table of Contents Layout Style 1 4 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 1 4

table-of-contents (Pro) sidebar style with alert banner above

headingtext-editor
Table of Contents Layout Style 2 4 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 2 4

table-of-contents (Pro) sidebar style with breadcrumb above

headingtext-editor
Table of Contents Layout Style 3 4 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 3 4

table-of-contents (Pro) sidebar style minimal single-row

headingtext-editor
Table of Contents Layout Style 4 4 - Elementor component
Elementor ProV3 Adaptive

Table of Contents Layout Style 4 4

table-of-contents (Pro) sidebar style with background container card

headingtext-editor
Elementor ProV3 Adaptive

Table of Contents Layout Style 5 4

table-of-contents (Pro) centered

headingtext-editor
Elementor ProV3 Adaptive

Table of Contents Layout Style 6 4

table-of-contents (Pro) centered with CTA button below

headingtext-editor

We use cookies to improve your experience and analyze site traffic. By clicking “Accept”, you agree to our Cookie Policy.