Heroes & Sections
Feature — Alternating Rows
Stack of copy/image feature rows that alternate sides per row.
$ velocityx add feature-rows-alternating Built for astro.
Full docs for Feature — Alternating Rows →
Needs a licence key —
subscribe here, then
velocityx loginonce.
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 componentsProps
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| rows | FeatureRow[] | Yes | ||
| headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | Yes | ||
| className | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
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.
Related components
More from Heroes & Sections.
Copy column paired with a one or two column checklist of benefits.
astroAccessible comparison table with a highlighted column and horizontal scroll on mobile.
astroFull-bleed brand-gradient CTA banner, the project's single-use-per-page gradient moment.
astroCentred call-to-action card with one or two buttons.
astro