The Velocity component library
Production-grade Astro, React & Tailwind components — built to convert.
Every section that ships with Velocity, in one place. Animated heroes, WebGL shader backgrounds, sticky-scroll process sections, pricing tables, lead-capture popups and conversion components — engineered by hand, hardened in production, and yours to copy & own outright. No monthly SaaS, no component subscription. Buy once, edit forever.
Free & open-source
1 component is free to copy & own — MIT licensed.
A growing slice of the library is open-source on GitHub. Pull a single component straight into your project — no install, no account, no lock-in. The rest ship with any Velocity package, source included.
Heroes
2 componentsGrowth & Conversion
5 componentsLead-Capture Popup
Exit-intent (desktop) + scroll/scroll-up (mobile) lead popup that fronts the free-draft flow. Once-per-session, cooldown, accessible, dark-mode, dismiss-friendly.
Preview component NewSticky 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.
Preview component NewSocial-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.
Preview component NewReadability 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.
Preview component NewDraft my Velocity
Flagship free-draft lead magnet: 3-step form → AI-written, branded Velocity draft → live preview + emailed link within 5 minutes. Hybrid delivery (instant preview now, real build on interest).
Preview componentShaders & Backgrounds
4 componentsFlow Lines
Stripe-style ribbon of thin lines that twists in pseudo-3D — additive blending lights up a glowing fold where the lines bunch.
Preview component NewBrand Shader
Shader Park WebGL blob driven by scroll, with light/dark palette and pan/zoom/tint controls.
Preview componentGrid Tracer
Animated traced-path grid that follows the cursor — a cheap ambient background.
Preview componentFooter Globes
Four CSS-driven wireframe globe variants (wireframe, minimal, crosshair, grid).
Preview componentCards & Expandables
2 componentsFeature Sections
2 componentsGalleries
1 componentPricing
1 componentStats & Numbers
1 componentSocial Proof
1 componentCTAs & Forms
2 componentsOwn every component. Ship the whole site.
The full 21-component library ships with Velocity — a buy-once, production-grade website you own outright. Source included, lifetime updates, no monthly fees. The agency build, productized.