Pattern hub

transition-effect components

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

19Entries for this pattern

19Mount in the harness

12Zero axe findings

0Do-not-use verdicts

Filter the 19 entries on this page

19 shown

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

1 to 19 of 19Page 1 of 1

motion-primitives-morphing-dialog

Motion

Harness screenshot of motion-primitives-morphing-dialog at 768 pixels wide

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

spatialtransition-effect

motion-primitives-morphing-popover

Motion

Harness screenshot of motion-primitives-morphing-popover at 768 pixels wide

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

spatialtransition-effect

motion-primitives-animated-group

Motion

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

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

spatialtransition-effect

ruixen-glass-shipment-flow

Motion

Harness screenshot of ruixen-glass-shipment-flow at 768 pixels wide

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

liquid-glasstransition-effect

magicui-animated-list

Motion

Harness screenshot of magicui-animated-list at 768 pixels wide

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

unclassifiedtransition-effect

magicui-blur-fade

Motion

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

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

dark-futuristictransition-effect

motion-primitives-transition-panel

Motion

Harness screenshot of motion-primitives-transition-panel at 768 pixels wide

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

spatialtransition-effect

ruixen-magic-tree

Motion

Harness screenshot of ruixen-magic-tree at 768 pixels wide

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

unclassifiedtransition-effect

fancy-element-along-svg-path

Motion

Harness screenshot of fancy-element-along-svg-path at 768 pixels wide

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

spatialtransition-effect

cultui-morph-surface

Motion

Harness screenshot of cultui-morph-surface at 768 pixels wide

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

glassmorphismtransition-effect

ruixen-motion-file-tree

Motion

Harness screenshot of ruixen-motion-file-tree at 768 pixels wide

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

unclassifiedtransition-effect

tripled-native-profile-notch-shadcnui

Motion

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

minimal-flattransition-effect

kibo-ticker

Motion

Harness screenshot of kibo-ticker at 768 pixels wide

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

minimal-flattransition-effect

8bitcn-xp-bar

Motion

Harness screenshot of 8bitcn-xp-bar at 768 pixels wide

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

skeuomorphismtransition-effect

tripled-n8n-workflow-block-shadcnui

Motion

Harness screenshot of tripled-n8n-workflow-block-shadcnui at 768 pixels wide

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

minimal-flattransition-effect

tripled-native-notch-shadcnui

Motion

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

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

minimal-flattransition-effect

tripled-resume-card-shadcnui

Motion

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

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

minimal-flattransition-effect

shadcn-direction

Harness screenshot of shadcn-direction at 768 pixels wide

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

unclassifiedtransition-effect

kokonut-currency-transfer

Motion

Harness screenshot of kokonut-currency-transfer at 768 pixels wide

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

dark-futuristictransition-effect