Pattern hub

feature-grid components

66 published entries solve the feature-grid pattern. 66 mount, 26 record zero axe findings, 15 build without the shadcn-style helpers, and 0 are here as explicit do-not-use verdicts. The group averages 52.8 KB gzipped against 54.1 KB across the index.

66Entries for this pattern

66Mount in the harness

26Zero axe findings

0Do-not-use verdicts

Filter the 60 entries on this page

60 shown

This box narrows the cards already on the page. To search the whole index, open a style or pattern hub below.

1 to 60 of 66Page 1 of 2

hyperui-feature-grids-3

Harness screenshot of hyperui-feature-grids-3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.7KB
Bare: pass
Prov: NO

editorialfeature-grid

hyperui-feature-grids-1

Harness screenshot of hyperui-feature-grids-1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.9KB
Bare: pass
Prov: NO

editorialfeature-grid

hyperui-feature-grids-4

Harness screenshot of hyperui-feature-grids-4 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 17.9KB
Bare: pass
Prov: NO

editorialfeature-grid

hyperui-feature-grids-2

Harness screenshot of hyperui-feature-grids-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 18.3KB
Bare: pass
Prov: NO

editorialfeature-grid

meraki-feature-grid-list-with-image

Harness screenshot of meraki-feature-grid-list-with-image at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 18.5KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

meraki-feature-simple

Harness screenshot of meraki-feature-simple at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 20.2KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

tailark-mist-integrations-1

Harness screenshot of tailark-mist-integrations-1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 26.2KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

kibo-comparison

Motion

Harness screenshot of kibo-comparison at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 71.9KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

magicui-bento-grid

Motion

Harness screenshot of magicui-bento-grid at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 15.5KB
Bare: fail
Prov: NO

unclassifiedfeature-grid

tripled-feature-cards-block-shadcnui

Motion

Harness screenshot of tripled-feature-cards-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 27.9KB
Bare: fail
Prov: NO

glassmorphismfeature-grid

8bitcn-cta1

Harness screenshot of 8bitcn-cta1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.0KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

tailark-mist-features-2

Harness screenshot of tailark-mist-features-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 30.4KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

8bitcn-feature1

Harness screenshot of 8bitcn-feature1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.7KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

8bitcn-feature2

Harness screenshot of 8bitcn-feature2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 32.9KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

tailark-veil-features-1

Harness screenshot of tailark-veil-features-1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 34.7KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

8bitcn-feature3

Motion

Harness screenshot of 8bitcn-feature3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 43.2KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

hextaui-settings-integrations

Harness screenshot of hextaui-settings-integrations at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 47.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-comparator-2

Harness screenshot of tailark-veil-comparator-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 51.3KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-comparator-1

Harness screenshot of tailark-veil-comparator-1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 51.4KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-comparator-3

Harness screenshot of tailark-veil-comparator-3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 51.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-integrations-2

Harness screenshot of tailark-veil-integrations-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 54.2KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-features-3

Harness screenshot of tailark-veil-features-3 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 55.8KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-integrations-2

Harness screenshot of tailark-mist-integrations-2 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 56.1KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-veil-integrations-1

Harness screenshot of tailark-veil-integrations-1 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 56.2KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-5

Harness screenshot of tailark-mist-features-5 at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 57.1KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

ruixen-automated-tasks-panel

Motion

Harness screenshot of ruixen-automated-tasks-panel at 768 pixels wide

Renders: YES
A11y: 0
Gzip: 71.3KB
Bare: fail
Prov: NO

unclassifiedfeature-grid

meraki-feature-centered

Harness screenshot of meraki-feature-centered at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 18.3KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

meraki-feature-cards

Harness screenshot of meraki-feature-cards at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 18.4KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

meraki-feature-media

Harness screenshot of meraki-feature-media at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 18.4KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

meraki-feature-grdi-list

Harness screenshot of meraki-feature-grdi-list at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 18.7KB
Bare: pass
Prov: NO

minimal-flatfeature-grid

tailark-dusk-features-4

Harness screenshot of tailark-dusk-features-4 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 37.6KB
Bare: pass
Prov: NO

dark-futuristicfeature-grid

ruixen-glass-image-compare

Motion

Harness screenshot of ruixen-glass-image-compare at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 63.4KB
Bare: pass
Prov: NO

liquid-glassfeature-grid

tailark-dusk-features-7

Harness screenshot of tailark-dusk-features-7 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 278.5KB
Bare: pass
Prov: NO

dark-futuristicfeature-grid

tailark-dusk-features-6

Harness screenshot of tailark-dusk-features-6 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 26.0KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

ruixen-feature-highlights

Motion

Harness screenshot of ruixen-feature-highlights at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 28.1KB
Bare: fail
Prov: NO

unclassifiedfeature-grid

tailark-dusk-features-1

Harness screenshot of tailark-dusk-features-1 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 31.3KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

tailark-dusk-features-2

Harness screenshot of tailark-dusk-features-2 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 31.5KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

8bitcn-advanced2

Motion

Harness screenshot of 8bitcn-advanced2 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 33.3KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

8bitcn-game-features1

Motion

Harness screenshot of 8bitcn-game-features1 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 34.4KB
Bare: fail
Prov: NO

skeuomorphismfeature-grid

tailark-veil-features-2

Harness screenshot of tailark-veil-features-2 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 34.7KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

hextaui-billing-upgrade-prompt

Harness screenshot of hextaui-billing-upgrade-prompt at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 35.2KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-integrations-3

Harness screenshot of tailark-mist-integrations-3 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 36.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-8

Harness screenshot of tailark-mist-features-8 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 38.2KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-4

Harness screenshot of tailark-mist-features-4 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 41.3KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-dusk-features-3

Harness screenshot of tailark-dusk-features-3 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 41.4KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

tailark-dusk-features-5

Harness screenshot of tailark-dusk-features-5 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 44.2KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

tailark-dusk-integrations-1

Harness screenshot of tailark-dusk-integrations-1 at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 57.0KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

tripled-feature-grid-section-shadcnui

Motion

Harness screenshot of tripled-feature-grid-section-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 69.4KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

ruixen-wizard-stepper

Motion

Harness screenshot of ruixen-wizard-stepper at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 71.6KB
Bare: fail
Prov: NO

unclassifiedfeature-grid

tripled-bento-grid-block-shadcnui

Motion

Harness screenshot of tripled-bento-grid-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 74.6KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tripled-services-grid-block-shadcnui

Motion

Harness screenshot of tripled-services-grid-block-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 75.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tripled-stocks-dashboard-shadcnui

Motion

Harness screenshot of tripled-stocks-dashboard-shadcnui at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 86.9KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

kokonut-bento-grid

Motion

Harness screenshot of kokonut-bento-grid at 768 pixels wide

Renders: YES
A11y: 1
Gzip: 93.8KB
Bare: fail
Prov: NO

dark-futuristicfeature-grid

tailark-mist-features-11

Harness screenshot of tailark-mist-features-11 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 40.3KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-3

Harness screenshot of tailark-mist-features-3 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 41.3KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-6

Harness screenshot of tailark-mist-features-6 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 41.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-9

Harness screenshot of tailark-mist-features-9 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 41.5KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-10

Harness screenshot of tailark-mist-features-10 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 41.6KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-features-7

Harness screenshot of tailark-mist-features-7 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 41.8KB
Bare: fail
Prov: NO

minimal-flatfeature-grid

tailark-mist-comparator-1

Harness screenshot of tailark-mist-comparator-1 at 768 pixels wide

Renders: YES
A11y: 2
Gzip: 51.6KB
Bare: fail
Prov: NO

minimal-flatfeature-grid