📌 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 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 9
table-of-contents (Pro) + heading above with icon accents
Table of Contents Layout Style 2 9
table-of-contents (Pro) + heading above centered layout
Table of Contents Layout Style 3 9
table-of-contents (Pro) + heading above left-aligned layout
Table of Contents Layout Style 4 9
table-of-contents (Pro) + heading above 2-column variant
Table of Contents Layout Style 5 9
table-of-contents (Pro) + heading above 3-column variant
Table of Contents Layout Style 6 9
table-of-contents (Pro) + heading above compact variant
Table of Contents Layout Style 1 10
table-of-contents (Pro) + heading above spacious variant with extra padding
Table of Contents Layout Style 2 10
table-of-contents (Pro) + heading above with social-icons row
Table of Contents Layout Style 3 10
table-of-contents (Pro) + heading above with counter stat
Table of Contents Layout Style 4 10
table-of-contents (Pro) + heading above full-width layout
Table of Contents Layout Style 5 10
table-of-contents (Pro) + heading above narrow centered card style
Table of Contents Layout Style 6 10
table-of-contents (Pro) + heading above with divider below
Table of Contents Layout Style 1 11
table-of-contents (Pro) + heading above right-aligned layout
Table of Contents Layout Style 2 11
table-of-contents (Pro) + heading above 4-column variant
Table of Contents Layout Style 3 11
table-of-contents (Pro) + heading above with alert banner above
Table of Contents Layout Style 4 11
table-of-contents (Pro) + heading above with breadcrumb above
Table of Contents Layout Style 5 11
table-of-contents (Pro) + heading above minimal single-row
Table of Contents Layout Style 6 11
table-of-contents (Pro) + heading above with background container card
Table of Contents Layout Style 1 12
table-of-contents (Pro) card style
Table of Contents Layout Style 2 12
table-of-contents (Pro) card style with CTA button below
Table of Contents Layout Style 3 12
table-of-contents (Pro) card style with divider above
Table of Contents Layout Style 4 12
table-of-contents (Pro) card style with image placeholder
Table of Contents Layout Style 5 12
table-of-contents (Pro) card style with icon accents
Table of Contents Layout Style 6 12
table-of-contents (Pro) card style centered layout