Skip to content

Content & Dashboard

Table of Contents (Sticky, Scroll-Spy)

Sticky table of contents with IntersectionObserver-driven scroll-spy highlighting that degrades to a plain link list without observer support.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add table-of-contents
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Table of Contents (Sticky, Scroll-Spy)

Table of Contents (Sticky, Scroll-Spy)

Live preview of the Table of Contents (Sticky, Scroll-Spy) component

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Table of Contents (Sticky, Scroll-Spy) component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Content & Dashboard components

Browse all →

Tag Cloud

Wrapping row of tag pills with optional count and active state for a tag archive page.

Newsletter Block (Article End)

Inline subscribe block for the end of an article, a plain form with a host-supplied action/method.

Code Block with Copy Button

Styled pre/code block with a filename bar and a copy button with a real success state, no syntax highlighter bundled.

Comment Thread Item

Single comment with avatar, author, date and body that recursively renders nested replies up to a capped indent depth.

Dashboard Stat Tile

Single KPI tile with label, large value, optional icon slot and a directional delta badge.

Stat Tile with Trend Arrow and Sparkline

KPI tile with a trend arrow and a hand-drawn inline SVG sparkline computed from a numbers array, no chart library.