Heroes & Sections
Feature — Alternating Rows
Stack of copy/image feature rows that alternate sides per row.
Needs a licence key —
subscribe here, then
velocityx loginonce.
Feature — Alternating Rows
Live preview of the Feature — Alternating Rows component
JSON-driven
Port a brand in an afternoon
Edit brand.json and drop in category/item JSONs — no Astro changes needed for the core site.
See the schemaDesign system
Three widths, locked for life
v-wide, v-focus and v-reader keep every section aligned to the same rhythm across every fork.
Read the rulesComponents
175+ sections ready to compose
Query the catalog for the best-fit sections for your brand and assemble a bespoke home page.
Browse componentsThe 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 Feature — Alternating Rows 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 Heroes & Sections components
Browse all →Hero — Centred
Centred eyebrow/headline/sub hero with two optional CTAs.
Hero — Split with Image
Copy-left image-right hero with a gradient placeholder fallback when no image is supplied.
Hero — Background Image + Scrim
Full-bleed background image hero with a solid WCAG-AA scrim behind the copy.
Hero — Gradient Mesh Background
Centred hero with a pure-CSS radial gradient mesh backdrop, no shader runtime.
Hero — Email Capture
Centred hero with an inline plain-HTML email capture form wired to any form action.
Hero — Video Background
Full-bleed autoplaying muted video hero with a solid scrim and reduced-motion fallback to the poster frame.









