Standard Navigation
Tree Navigation
Hierarchical documentation or file navigation with ARIA tree semantics, branch disclosure, current-page state, and arrow-key focus movement.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Tree Navigation
Live preview of the Tree Navigation 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 Tree Navigation 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.
More Velocity components
Browse all →Sticky CTA Bar
Mobile/tablet bottom CTA bar that slides in past the hero — keeps the primary conversion one thumb-tap away. Dismissible, safe-area aware, fires cta_clicked.
Social-Proof Toast
Bottom-left toast that rotates short, credible social-proof lines on an interval, then stops. Pauses on hover, dismiss-for-session, aria-live, dark-mode + safe-area aware. Fires social_proof_shown.
Readability Kit
Long-form scannability primitives — Callout (4 variants), Key Takeaways TL;DR box, large PullQuote, and a reading-time pill. Branded, accessible, dark-mode, zero-motion.
Draft my Velocity
A short guided form that creates a branded starting direction for a more useful project conversation. It is an early concept, not a finished template site.
Shader Backgrounds (drop-in)
Productized Shader-Lab backgrounds: <ShaderBackground shader="…" preset="hero|section|card|subtle"> drops any of the 88 shaders behind real content with a theme-aware legibility scrim. GL context self-manages (near-screen create / off-screen destroy), reduced-motion + WebGL-fallback safe.
Maze Growth (SVG)
A fast "growth" that draws itself through a geometric truchet maze — pure SVG with a stroke-dashoffset reveal (pathLength=1), so you can swap the maze for your own SVG paths and it grows the same way. Rows staggered so it spreads in lots.