Velocity X Components

Heroes & Sections

Feature — Alternating Rows

Stack of copy/image feature rows that alternate sides per row.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add feature-rows-alternating

Built for astro.

Full docs for Feature — Alternating Rows →

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

astro v1.0.0
Feature — Alternating Rows

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 schema

Design 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 rules

Components

175+ sections ready to compose

Query the catalog for the best-fit sections for your brand and assemble a bespoke home page.

Browse components

Props

NameTypeRequiredDefaultDescription
rowsFeatureRow[]Yes
headingLevel1 | 2 | 3 | 4 | 5 | 6Yes
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/feature-rows-alternating/FeatureRowsAlternating.astro

Using the Feature — Alternating Rows component

Install it with velocityx add feature-rows-alternating. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Heroes & Sections.