Pattern hub

hover-effect components

36 published entries solve the hover-effect pattern. 36 mount, 31 record zero axe findings, 12 build without the shadcn-style helpers, and 0 are here as explicit do-not-use verdicts. The group averages 47.1 KB gzipped against 54.1 KB across the index.

36Entries for this pattern

36Mount in the harness

31Zero axe findings

0Do-not-use verdicts

Filter the 36 entries on this page

36 shown

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

1 to 36 of 36Page 1 of 1

eldora-card-flip-hover

Motion

Harness screenshot of eldora-card-flip-hover at 768 pixels wide

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

3dhover-effect

uilayouts-btn-hover-left-flip

Motion

Harness screenshot of uilayouts-btn-hover-left-flip at 768 pixels wide

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

3dhover-effect

uilayouts-btn-hover-down

Motion

Harness screenshot of uilayouts-btn-hover-down at 768 pixels wide

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

3dhover-effect

uilayouts-btn-hover-multiple

Motion

Harness screenshot of uilayouts-btn-hover-multiple at 768 pixels wide

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

gradient-glowhover-effect

magicui-cool-mode

Motion

Harness screenshot of magicui-cool-mode at 768 pixels wide

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

spatialhover-effect

uilayouts-hovercard2

Motion

Harness screenshot of uilayouts-hovercard2 at 768 pixels wide

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

gradient-glowhover-effect

fancy-drag-elements

Motion

Harness screenshot of fancy-drag-elements at 768 pixels wide

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

spatialhover-effect

motion-primitives-magnetic

Motion

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

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

3dhover-effect

motion-primitives-tilt

Motion

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

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

3dhover-effect

eldora-holographic-card

Motion

Harness screenshot of eldora-holographic-card at 768 pixels wide

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

3dhover-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

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

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

cultui-cosmic-button

Motion

Harness screenshot of cultui-cosmic-button at 768 pixels wide

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

gradient-glowhover-effect

magicui-shine-border

Motion

Harness screenshot of magicui-shine-border at 768 pixels wide

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

gradient-glowhover-effect

magicui-progressive-blur

Motion

Harness screenshot of magicui-progressive-blur at 768 pixels wide

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

3dhover-effect

magicui-glare-hover

Motion

Harness screenshot of magicui-glare-hover at 768 pixels wide

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

gradient-glowhover-effect

cultui-bg-animate-button

Motion

Harness screenshot of cultui-bg-animate-button at 768 pixels wide

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

gradient-glowhover-effect

motion-primitives-progressive-blur

Motion

Harness screenshot of motion-primitives-progressive-blur at 768 pixels wide

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

spatialhover-effect

fancy-float

Motion

Harness screenshot of fancy-float at 768 pixels wide

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

3dhover-effect

fancy-scramble-hover

Motion

Harness screenshot of fancy-scramble-hover at 768 pixels wide

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

dark-futuristichover-effect

motion-primitives-image-comparison

Motion

Harness screenshot of motion-primitives-image-comparison at 768 pixels wide

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

spatialhover-effect

tripled-animated-card-stack-shadcnui

Motion

Harness screenshot of tripled-animated-card-stack-shadcnui at 768 pixels wide

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

minimal-flathover-effect

ruixen-animated-number-flip

Motion

Harness screenshot of ruixen-animated-number-flip at 768 pixels wide

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

unclassifiedhover-effect

motion-primitives-dock

Motion

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

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

3dhover-effect

tripled-hover-expand-card-shadcnui

Motion

Harness screenshot of tripled-hover-expand-card-shadcnui at 768 pixels wide

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

minimal-flathover-effect

magicui-border-beam

Motion

Harness screenshot of magicui-border-beam at 768 pixels wide

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

gradient-glowhover-effect

motion-primitives-toolbar-expandable

Motion

Harness screenshot of motion-primitives-toolbar-expandable at 768 pixels wide

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

spatialhover-effect

tripled-glass-wallet-card-shadcnui

Motion

Harness screenshot of tripled-glass-wallet-card-shadcnui at 768 pixels wide

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

glassmorphismhover-effect

tripled-glassmorphism-portfolio-block-shadcnui

Motion

Harness screenshot of tripled-glassmorphism-portfolio-block-shadcnui at 768 pixels wide

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

glassmorphismhover-effect

uilayouts-creative-hover-card

Motion

Harness screenshot of uilayouts-creative-hover-card at 768 pixels wide

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

3dhover-effect

uilayouts-hovercard4

Motion

Harness screenshot of uilayouts-hovercard4 at 768 pixels wide

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

dark-futuristichover-effect

tripled-glassmorphism-listen-app-block-shadcnui

Motion

Harness screenshot of tripled-glassmorphism-listen-app-block-shadcnui at 768 pixels wide

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

glassmorphismhover-effect

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

tripled-about-us-page-shadcnui

Motion

Harness screenshot of tripled-about-us-page-shadcnui at 768 pixels wide

Renders: YES
A11y: 3
Gzip: 73.9KB
Bare: fail
Prov: NO

glassmorphismhover-effect