Pattern hub

scroll-effect components

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

29Entries for this pattern

29Mount in the harness

19Zero axe findings

0Do-not-use verdicts

Filter the 29 entries on this page

29 shown

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

1 to 29 of 29Page 1 of 1

reui-scrollspy

Motion

Harness screenshot of reui-scrollspy at 768 pixels wide

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

minimal-flatscroll-effect

kibo-marquee

Motion

Harness screenshot of kibo-marquee at 768 pixels wide

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

minimal-flatscroll-effect

motion-primitives-in-view

Motion

Harness screenshot of motion-primitives-in-view at 768 pixels wide

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

spatialscroll-effect

tripled-interactive-timeline-shadcnui

Motion

Harness screenshot of tripled-interactive-timeline-shadcnui at 768 pixels wide

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

minimal-flatscroll-effect

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

fancy-parallax-floating

Motion

Harness screenshot of fancy-parallax-floating at 768 pixels wide

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

3dscroll-effect

ruixen-animated-link

Motion

Harness screenshot of ruixen-animated-link at 768 pixels wide

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

unclassifiedscroll-effect

uilayouts-scroll-animation-default

Motion

Harness screenshot of uilayouts-scroll-animation-default at 768 pixels wide

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

spatialscroll-effect

animata-scroll-reveal

Motion

Harness screenshot of animata-scroll-reveal at 768 pixels wide

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

spatialscroll-effect

tripled-glassmorphism-statistics-card-shadcnui

Motion

Harness screenshot of tripled-glassmorphism-statistics-card-shadcnui at 768 pixels wide

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

glassmorphismscroll-effect

motion-primitives-infinite-slider

Motion

Harness screenshot of motion-primitives-infinite-slider at 768 pixels wide

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

spatialscroll-effect

fancy-scroll-and-swap-text

Motion

Harness screenshot of fancy-scroll-and-swap-text at 768 pixels wide

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

3dscroll-effect

tripled-about-us-section-shadcnui

Motion

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

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

minimal-flatscroll-effect

fancy-marquee-along-svg-path

Motion

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

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

spatialscroll-effect

motion-primitives-scroll-progress

Motion

Harness screenshot of motion-primitives-scroll-progress at 768 pixels wide

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

dark-futuristicscroll-effect

ruixen-scroll-portrait-wall

Motion

Harness screenshot of ruixen-scroll-portrait-wall at 768 pixels wide

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

unclassifiedscroll-effect

magicui-scroll-based-velocity

Motion

Harness screenshot of magicui-scroll-based-velocity at 768 pixels wide

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

spatialscroll-effect

tripled-native-marquee-shadcnui

Motion

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

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

minimal-flatscroll-effect

tripled-scroll-reveal-shadcnui

Motion

Harness screenshot of tripled-scroll-reveal-shadcnui at 768 pixels wide

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

minimal-flatscroll-effect

shadcn-scroll-area

Harness screenshot of shadcn-scroll-area at 768 pixels wide

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

unclassifiedscroll-effect

8bitcn-scroll-area

Motion

Harness screenshot of 8bitcn-scroll-area at 768 pixels wide

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

skeuomorphismscroll-effect

hextaui-scroll-area

Motion

Harness screenshot of hextaui-scroll-area at 768 pixels wide

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

minimal-flatscroll-effect

neobrutalism-scroll-area

Harness screenshot of neobrutalism-scroll-area at 768 pixels wide

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

brutalismscroll-effect

hextaui-ai-thinking

Motion

Harness screenshot of hextaui-ai-thinking at 768 pixels wide

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

minimal-flatscroll-effect

ruixen-scroll-burn-text

Motion

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

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

unclassifiedscroll-effect

tripled-preview-details-card-shadcnui

Motion

Harness screenshot of tripled-preview-details-card-shadcnui at 768 pixels wide

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

minimal-flatscroll-effect

animata-stacked-sections

Motion

Harness screenshot of animata-stacked-sections at 768 pixels wide

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

3dscroll-effect

fancy-stacking-cards

Motion

Harness screenshot of fancy-stacking-cards at 768 pixels wide

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

3dscroll-effect

kokonut-scroll-text

Motion

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

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

dark-futuristicscroll-effect