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.

241 to 300 of 1,561Page 5 of 27

cultui-dynamic-island

Motion

Harness screenshot of cultui-dynamic-island at 768 pixels wide

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

glassmorphismcard

ruixen-container-text-scroll

Motion

Harness screenshot of ruixen-container-text-scroll at 768 pixels wide

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

spatialscroll-effect

ruixen-fine-tune-slider

Motion

Harness screenshot of ruixen-fine-tune-slider at 768 pixels wide

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

unclassifiedslider

ruixen-share-button

Motion

Harness screenshot of ruixen-share-button at 768 pixels wide

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

gradient-glowbutton

ruixen-animated-theme-toggler

Motion

Harness screenshot of ruixen-animated-theme-toggler at 768 pixels wide

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

unclassifiedswitch

ruixen-expandable-menu-navbar

Motion

Harness screenshot of ruixen-expandable-menu-navbar at 768 pixels wide

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

unclassifiednavbar

ruixen-icon-label-subtext-button

Motion

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

liquid-glassbutton

tripled-spotlight-section-shadcnui

Motion

Harness screenshot of tripled-spotlight-section-shadcnui at 768 pixels wide

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

minimal-flatcursor-effect

cultui-canvas-fractal-grid

Motion

$Harness screenshot of cultui-canvas-fractal-grid at 768 pixels wide$

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

dark-futuristicbackground-effect

efferd-testimonials-1

Motion

Harness screenshot of efferd-testimonials-1 at 768 pixels wide

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

minimal-flattestimonials

kokonut-type-writer

Motion

Harness screenshot of kokonut-type-writer at 768 pixels wide

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

dark-futuristictext-effect

ruixen-slide-to-delete-button

Motion

Harness screenshot of ruixen-slide-to-delete-button at 768 pixels wide

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

liquid-glassbutton

ruixen-badge-button-combo

Motion

Harness screenshot of ruixen-badge-button-combo at 768 pixels wide

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

liquid-glassbutton

motion-primitives-sliding-number

Motion

Harness screenshot of motion-primitives-sliding-number at 768 pixels wide

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

dark-futuristictext-effect

ruixen-hover-preview-button

Motion

Harness screenshot of ruixen-hover-preview-button at 768 pixels wide

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

liquid-glassbutton

magicui-lens

Motion

Harness screenshot of magicui-lens at 768 pixels wide

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

3dimage

ruixen-button-dropdown

Motion

Harness screenshot of ruixen-button-dropdown at 768 pixels wide

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

liquid-glassbutton

cultui-expandable-screen

Motion

Harness screenshot of cultui-expandable-screen at 768 pixels wide

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

liquid-glasscard

tripled-dynamic-spotlight-cta-shadcnui

Motion

Harness screenshot of tripled-dynamic-spotlight-cta-shadcnui at 768 pixels wide

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

gradient-glowcta

tripled-scroll-progress-tracker-shadcnui

Motion

Harness screenshot of tripled-scroll-progress-tracker-shadcnui at 768 pixels wide

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

gradient-glowprogress

cultui-typewriter

Motion

Harness screenshot of cultui-typewriter at 768 pixels wide

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

dark-futuristictext-effect

ruixen-glass-image-editor

Motion

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

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

liquid-glassimage

kokonut-sliced-text

Motion

Harness screenshot of kokonut-sliced-text at 768 pixels wide

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

dark-futuristictext-effect

kokonut-shimmer-text

Motion

Harness screenshot of kokonut-shimmer-text at 768 pixels wide

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

dark-futuristictext-effect

fancy-typewriter

Motion

Harness screenshot of fancy-typewriter at 768 pixels wide

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

dark-futuristictext-effect

tripled-native-tabs-carbon

Motion

Harness screenshot of tripled-native-tabs-carbon at 768 pixels wide

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

minimal-flattabs

tripled-native-typewriter

Motion

Harness screenshot of tripled-native-typewriter at 768 pixels wide

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

minimal-flatcursor-effect

tripled-native-typewriter-shadcnui

Motion

Harness screenshot of tripled-native-typewriter-shadcnui at 768 pixels wide

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

minimal-flatcursor-effect

motion-primitives-border-trail

Motion

Harness screenshot of motion-primitives-border-trail at 768 pixels wide

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

gradient-glowhover-effect

kokonut-matrix-text

Motion

Harness screenshot of kokonut-matrix-text at 768 pixels wide

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

dark-futuristictext-effect

motion-primitives-text-shimmer

Motion

Harness screenshot of motion-primitives-text-shimmer at 768 pixels wide

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

gradient-glowtext-effect

motion-primitives-animated-number

Motion

Harness screenshot of motion-primitives-animated-number at 768 pixels wide

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

dark-futuristictext-effect

kokonut-glitch-text

Motion

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

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

dark-futuristictext-effect

tripled-native-magnetic

Motion

Harness screenshot of tripled-native-magnetic at 768 pixels wide

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

minimal-flatcursor-effect

tripled-native-magnetic-carbon

Motion

Harness screenshot of tripled-native-magnetic-carbon at 768 pixels wide

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

minimal-flatcursor-effect

tripled-folder-animation

Motion

Harness screenshot of tripled-folder-animation at 768 pixels wide

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

minimal-flatloader

tripled-folder-animation-carbon

Motion

Harness screenshot of tripled-folder-animation-carbon at 768 pixels wide

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

minimal-flatloader

tripled-native-flip-text

Motion

Harness screenshot of tripled-native-flip-text at 768 pixels wide

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

3dtext-effect

tripled-native-flip-text-carbon

Motion

Harness screenshot of tripled-native-flip-text-carbon at 768 pixels wide

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

3dtext-effect

tripled-native-flip-text-shadcnui

Motion

Harness screenshot of tripled-native-flip-text-shadcnui at 768 pixels wide

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

3dtext-effect

motion-primitives-text-loop

Motion

Harness screenshot of motion-primitives-text-loop at 768 pixels wide

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

dark-futuristictext-effect

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

kibo-deck

Motion

Harness screenshot of kibo-deck at 768 pixels wide

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

minimal-flatcarousel

motion-primitives-cursor

Motion

Harness screenshot of motion-primitives-cursor at 768 pixels wide

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

dark-futuristiccursor-effect

tailark-veil-logo-cloud-2

Motion

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

minimal-flatlogo-wall

kibo-video-player

Harness screenshot of kibo-video-player at 768 pixels wide

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

minimal-flatvideo-player

tripled-native-avatar-expand-shadcnui

Motion

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

minimal-flatavatar

tripled-native-avatar-with-name-shadcnui

Motion

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

minimal-flatavatar

ruixen-card-stack

Motion

Harness screenshot of ruixen-card-stack at 768 pixels wide

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

3dcarousel

ruixen-ripple-distortion

Harness screenshot of ruixen-ripple-distortion at 768 pixels wide

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

unclassifiedimage

eldora-photon-beam

Motion

Harness screenshot of eldora-photon-beam at 768 pixels wide

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

gradient-glowbackground-effect

kibo-credit-card

Harness screenshot of kibo-credit-card at 768 pixels wide

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

minimal-flatform

uilayouts-mesh-gradient-background3

Motion

Harness screenshot of uilayouts-mesh-gradient-background3 at 768 pixels wide

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

aurora-meshbackground-effect

uilayouts-mesh-gradient-background2

Motion

Harness screenshot of uilayouts-mesh-gradient-background2 at 768 pixels wide

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

aurora-meshbackground-effect

uilayouts-mesh-shadergradient

Motion

Harness screenshot of uilayouts-mesh-shadergradient at 768 pixels wide

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

aurora-meshbackground-effect

uilayouts-mesh-gradient-background

Motion

Harness screenshot of uilayouts-mesh-gradient-background at 768 pixels wide

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

aurora-meshbackground-effect

neobrutalism-image-card

Harness screenshot of neobrutalism-image-card at 768 pixels wide

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

brutalismcard

magicui-marquee

Motion

Harness screenshot of magicui-marquee at 768 pixels wide

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

unclassifiedcarousel

shadcn-input

Harness screenshot of shadcn-input at 768 pixels wide

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

unclassifiedinput

shadcn-card

Harness screenshot of shadcn-card at 768 pixels wide

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

unclassifiedcard