Heroes & Sections

Feature — Icon Grid (3-up)

Responsive 3-up icon, title and description feature grid with a BYO-SVG icon slot.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add feature-icon-grid

Built for astro.

Full docs for Feature — Icon Grid (3-up) →

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

astro v1.0.0

Feature — Icon Grid (3-up)

Why Velocity

Everything a brand-swappable site needs

No plugins, no page builder — just a disciplined component system.

Zero dependencies

Pure Astro + Tailwind. No GSAP, no Radix, no runtime JS unless a component truly needs it.
Dark mode built in

Every component ships with a tuned dark: variant from day one.
Accessible by default

Real semantics, visible focus states, and WCAG AA text over every background.

Props

Name	Type	Required	Default
eyebrow	string	No
title	string	No
sub	string	No
headingLevel	1 \| 2 \| 3 \| 4 \| 5 \| 6	Yes
items	FeatureItem[]	Yes
className	string	No	''

File this creates

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

text

components/velocity/feature-icon-grid/FeatureIconGrid.astro

Using the Feature — Icon Grid (3-up) component

Install it with velocityx add feature-icon-grid. 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.

All 406 components

Feature — Icon Grid (3-up)

Everything a brand-swappable site needs

Zero dependencies

Dark mode built in

Accessible by default

Props

File this creates

Using the Feature — Icon Grid (3-up) component

Related components