Velocity X Components

Marketing & Social Proof

Logo Wall (Greyscale to Colour Hover)

Logo grid that desaturates by default and lifts to full colour on hover or keyboard focus.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add logo-wall-hover-color

Built for astro.

Full docs for Logo Wall (Greyscale to Colour Hover) →

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

astro v1.0.0
Logo Wall (Greyscale to Colour Hover)

Placeholder

Hover to preview colour

Acme Co
Sample Inc
Example Ltd
Placeholder Co
Demo Brand

Props

NameTypeRequiredDefaultDescription
eyebrowstringNo
titlestringNo
headingLevel1 | 2 | 3 | 4 | 5 | 6No2
logosArray<{ name: string; src?: string; href?: string }>Yes
columns3 | 4 | 5 | 6No5
classNamestringNo''

File this creates

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

text
components/velocity/logo-wall-hover-color/LogoWallHoverColor.astro

Using the Logo Wall (Greyscale to Colour Hover) component

Install it with velocityx add logo-wall-hover-color. 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 Marketing & Social Proof.