Component index

1,561 measured components

Every published entry in the index, ordered by what it measured rather than by how it looks. Components that mount come first, then the ones that scanned clean, then the ones that survive a bare install, then the cheapest bundle. 11 entries at the far end of that order are here to warn you off. The caption under each frame is the record: whether it rendered, how many axe findings the scan returned, what it added to a gzipped build, whether it builds without the shadcn-style helpers, and whether it needs a provider.

1,561Published entries

1,550Mount in the harness

1,035Zero axe findings

11Do-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,261 to 1,320 of 1,561Page 22 of 27

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-mist-content-2

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

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

minimal-flatcard

tailark-mist-content-1

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

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

minimal-flatcard

8bitcn-audio-settings

Harness screenshot of 8bitcn-audio-settings at 768 pixels wide

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

skeuomorphismform

8bitcn-duel-block

Harness screenshot of 8bitcn-duel-block at 768 pixels wide

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

skeuomorphismcard

hextaui-billing-payment-form

Harness screenshot of hextaui-billing-payment-form at 768 pixels wide

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

minimal-flatform

efferd-faqs-5

Motion

Harness screenshot of efferd-faqs-5 at 768 pixels wide

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

minimal-flatfaq

shadcn-navigation-menu

Harness screenshot of shadcn-navigation-menu at 768 pixels wide

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

unclassifiednavbar

neobrutalism-navigation-menu

Harness screenshot of neobrutalism-navigation-menu at 768 pixels wide

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

brutalismnavbar

hextaui-navigation-menu

Harness screenshot of hextaui-navigation-menu at 768 pixels wide

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

minimal-flatnavbar

ruixen-structured-hero-section

Harness screenshot of ruixen-structured-hero-section at 768 pixels wide

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

unclassifiedhero

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

ruixen-navbar-split

Harness screenshot of ruixen-navbar-split at 768 pixels wide

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

unclassifiednavbar

cultui-hero-liquid-metal

Motion

Harness screenshot of cultui-hero-liquid-metal at 768 pixels wide

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

liquid-glasshero-effect

shadcn-select

Harness screenshot of shadcn-select at 768 pixels wide

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

unclassifiedselect

ruixen-split-hero-section

Harness screenshot of ruixen-split-hero-section at 768 pixels wide

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

unclassifiedhero

ruixen-navbar-with-search

Harness screenshot of ruixen-navbar-with-search at 768 pixels wide

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

unclassifiednavbar

ruixen-pricing-landing-hero

Harness screenshot of ruixen-pricing-landing-hero at 768 pixels wide

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

unclassifiedpricing

hextaui-settings-profile

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

minimal-flatavatar

hextaui-settings-import-data

Harness screenshot of hextaui-settings-import-data at 768 pixels wide

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

minimal-flatform

ruixen-pricing-cards-tooltip

Motion

Harness screenshot of ruixen-pricing-cards-tooltip at 768 pixels wide

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

unclassifiedpricing

shadcn-command

Harness screenshot of shadcn-command at 768 pixels wide

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

unclassifiedinput

tailark-veil-faqs-4

Harness screenshot of tailark-veil-faqs-4 at 768 pixels wide

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

minimal-flatfaq

hextaui-auth-two-factor-setup

Harness screenshot of hextaui-auth-two-factor-setup at 768 pixels wide

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

minimal-flatauth-form

ruixen-grid-frame-hero

Harness screenshot of ruixen-grid-frame-hero at 768 pixels wide

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

unclassifiedhero

shadcn-block-calendar-15

Harness screenshot of shadcn-block-calendar-15 at 768 pixels wide

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

minimal-flatcalendar

tailark-veil-footer-2

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

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

minimal-flatfooter

tailark-veil-footer-4

Harness screenshot of tailark-veil-footer-4 at 768 pixels wide

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

minimal-flatfooter

8bitcn-hero2

Harness screenshot of 8bitcn-hero2 at 768 pixels wide

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

skeuomorphismhero

tailark-dusk-pricing-1

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

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

dark-futuristicpricing

tailark-veil-pricing-3

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

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

minimal-flatpricing

tailark-dusk-pricing-2

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

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

dark-futuristicpricing

tailark-veil-pricing-1

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

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

minimal-flatpricing

tailark-mist-pricing-2

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

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

minimal-flatpricing

tailark-dusk-footer-1

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

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

dark-futuristicfooter

8bitcn-hero3

Harness screenshot of 8bitcn-hero3 at 768 pixels wide

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

skeuomorphismhero

ruixen-preview-switch-hero

Harness screenshot of ruixen-preview-switch-hero at 768 pixels wide

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

unclassifiedhero

8bitcn-game-hero1

Motion

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

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

skeuomorphismhero

8bitcn-game-hero2

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

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

skeuomorphismhero

hextaui-settings-security

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

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

minimal-flatform

ruixen-staged-pricing

Motion

Harness screenshot of ruixen-staged-pricing at 768 pixels wide

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

unclassifiedpricing

tailark-veil-forgot-password-2

Harness screenshot of tailark-veil-forgot-password-2 at 768 pixels wide

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

minimal-flatauth-form

tailark-veil-login-2

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

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

minimal-flatauth-form

tailark-veil-sign-up-2

Harness screenshot of tailark-veil-sign-up-2 at 768 pixels wide

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

minimal-flatauth-form

hextaui-ai-usage-quota

Harness screenshot of hextaui-ai-usage-quota at 768 pixels wide

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

minimal-flatform

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

tailark-dusk-team-1

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

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

dark-futuristicteam

tailark-dusk-content-1

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

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

dark-futuristiccard

tailark-dusk-faqs-1

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

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

dark-futuristicfaq

tailark-mist-faqs-1

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

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

minimal-flatfaq

tailark-mist-pricing-1

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

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

minimal-flatpricing

animata-cycle-text

Motion

Harness screenshot of animata-cycle-text at 768 pixels wide

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

dark-futuristictext-effect

tripled-avatar-group-shadcnui

Motion

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

minimal-flatavatar

kibo-tags

Harness screenshot of kibo-tags at 768 pixels wide

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

minimal-flatbadge

tripled-fluid-modal-transition-shadcnui

Motion

Harness screenshot of tripled-fluid-modal-transition-shadcnui at 768 pixels wide

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

minimal-flatdialog

tripled-fade-slide-modal-shadcnui

Motion

Harness screenshot of tripled-fade-slide-modal-shadcnui at 768 pixels wide

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

minimal-flatdialog

tripled-password-input-shadcnui

Motion

Harness screenshot of tripled-password-input-shadcnui at 768 pixels wide

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

minimal-flatauth-form

tripled-credit-card-shadcnui

Motion

Harness screenshot of tripled-credit-card-shadcnui at 768 pixels wide

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

3dhover-effect

ruixen-color-emotion-select

Harness screenshot of ruixen-color-emotion-select at 768 pixels wide

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

unclassifiedselect