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.

301 to 360 of 1,561Page 6 of 27

shadcn-table

Harness screenshot of shadcn-table at 768 pixels wide

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

unclassifiedtable

shadcn-alert

Harness screenshot of shadcn-alert at 768 pixels wide

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

unclassifiedalert

magicui-orbiting-circles

Motion

Harness screenshot of magicui-orbiting-circles at 768 pixels wide

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

unclassifiedbackground-effect

originui-input-31

Harness screenshot of originui-input-31 at 768 pixels wide

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

unclassifiedinput

shadcn-button

Harness screenshot of shadcn-button at 768 pixels wide

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

unclassifiedbutton

originui-input-01

Harness screenshot of originui-input-01 at 768 pixels wide

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

unclassifiedinput

originui-input-08

Harness screenshot of originui-input-08 at 768 pixels wide

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

unclassifiedinput

originui-input-02

Harness screenshot of originui-input-02 at 768 pixels wide

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

unclassifiedinput

originui-input-03

Harness screenshot of originui-input-03 at 768 pixels wide

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

unclassifiedinput

originui-input-04

Harness screenshot of originui-input-04 at 768 pixels wide

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

unclassifiedinput

originui-input-06

Harness screenshot of originui-input-06 at 768 pixels wide

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

unclassifiedinput

originui-input-07

Harness screenshot of originui-input-07 at 768 pixels wide

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

unclassifiedinput

shadcn-badge

Harness screenshot of shadcn-badge at 768 pixels wide

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

unclassifiedbadge

originui-input-05

Harness screenshot of originui-input-05 at 768 pixels wide

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

unclassifiedinput

originui-input-11

Harness screenshot of originui-input-11 at 768 pixels wide

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

unclassifiedinput

originui-input-12

Harness screenshot of originui-input-12 at 768 pixels wide

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

unclassifiedinput

originui-input-13

Harness screenshot of originui-input-13 at 768 pixels wide

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

unclassifiedinput

originui-input-14

Harness screenshot of originui-input-14 at 768 pixels wide

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

unclassifiedinput

originui-input-15

Harness screenshot of originui-input-15 at 768 pixels wide

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

unclassifiedinput

originui-input-button-21

Harness screenshot of originui-input-button-21 at 768 pixels wide

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

unclassifiedinput

originui-input-16

Harness screenshot of originui-input-16 at 768 pixels wide

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

unclassifiedinput

originui-comp-85

Harness screenshot of originui-comp-85 at 768 pixels wide

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

minimal-flatbutton

originui-input-button-22

Harness screenshot of originui-input-button-22 at 768 pixels wide

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

unclassifiedinput

originui-input-09

Harness screenshot of originui-input-09 at 768 pixels wide

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

unclassifiedinput

originui-input-10

Harness screenshot of originui-input-10 at 768 pixels wide

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

unclassifiedinput

originui-input-button-19

Harness screenshot of originui-input-button-19 at 768 pixels wide

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

unclassifiedinput

originui-input-button-20

Harness screenshot of originui-input-button-20 at 768 pixels wide

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

unclassifiedinput

originui-input-button-24

Harness screenshot of originui-input-button-24 at 768 pixels wide

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

unclassifiedinput

originui-search-26

Harness screenshot of originui-search-26 at 768 pixels wide

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

unclassifiedinput

originui-search-27

Harness screenshot of originui-search-27 at 768 pixels wide

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

unclassifiedinput

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

animata-cursor-tracker

Motion

Harness screenshot of animata-cursor-tracker at 768 pixels wide

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

dark-futuristiccursor-effect

tailark-mist-stats-3

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

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

minimal-flatstats

shadcn-checkbox

Harness screenshot of shadcn-checkbox at 768 pixels wide

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

unclassifiedcheckbox

magicui-confetti

Motion

Harness screenshot of magicui-confetti at 768 pixels wide

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

unclassifiedbackground-effect

tailark-mist-content-4

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

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

minimal-flatcard

tailark-veil-content-3

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

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

minimal-flatcard

shadcn-tabs

Harness screenshot of shadcn-tabs at 768 pixels wide

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

unclassifiedtabs

uilayouts-hovercard1

Motion

Harness screenshot of uilayouts-hovercard1 at 768 pixels wide

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

3dhover-effect

uilayouts-hovercard3

Motion

Harness screenshot of uilayouts-hovercard3 at 768 pixels wide

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

spatialhover-effect

magicui-avatar-circles

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

bentoavatar

animata-animated-gradient-text

Motion

Harness screenshot of animata-animated-gradient-text at 768 pixels wide

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

gradient-glowtext-effect

animata-diagonal-lines

Motion

Harness screenshot of animata-diagonal-lines at 768 pixels wide

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

dark-futuristicbackground-effect

ruixen-receding-text-plane

Motion

Harness screenshot of ruixen-receding-text-plane at 768 pixels wide

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

unclassifiedform

animata-moving-gradient

Motion

Harness screenshot of animata-moving-gradient at 768 pixels wide

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

aurora-meshbackground-effect

magicui-animated-circular-progress-bar

Motion

Harness screenshot of magicui-animated-circular-progress-bar at 768 pixels wide

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

bentoprogress

magicui-noise-texture

Harness screenshot of magicui-noise-texture at 768 pixels wide

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

skeuomorphismbackground-effect

shadcn-sheet

Harness screenshot of shadcn-sheet at 768 pixels wide

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

unclassifiedsheet

animata-glitch-text

Motion

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

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

dark-futuristictext-effect

magicui-grid-pattern

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

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

aurora-meshbackground-effect

magicui-interactive-grid-pattern

Motion

Harness screenshot of magicui-interactive-grid-pattern at 768 pixels wide

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

aurora-meshcursor-effect

8bitcn-timeline2

Motion

Harness screenshot of 8bitcn-timeline2 at 768 pixels wide

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

skeuomorphismprogress

hextaui-card

Harness screenshot of hextaui-card at 768 pixels wide

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

minimal-flatnavbar

magicui-pixel-image

Harness screenshot of magicui-pixel-image at 768 pixels wide

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

3dimage

shadcn-dialog

Harness screenshot of shadcn-dialog at 768 pixels wide

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

unclassifieddialog

hextaui-alert

Harness screenshot of hextaui-alert at 768 pixels wide

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

minimal-flatchat

ruixen-bordered-clients-grid

Motion

Harness screenshot of ruixen-bordered-clients-grid at 768 pixels wide

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

unclassifiedhover-effect

magicui-video-text

Motion

Harness screenshot of magicui-video-text at 768 pixels wide

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

3dtext-effect

animata-animated-beam

Motion

Harness screenshot of animata-animated-beam at 768 pixels wide

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

gradient-glowbackground-effect

cultui-bg-media

Motion

Harness screenshot of cultui-bg-media at 768 pixels wide

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

liquid-glassbackground-effect