Skip to content

Scroll Animations

Reveal-on-scroll and parallax effects.

2 component(s)

Scroll Reveal Animations – Pure CSS scroll animations preview

Scroll Reveal Animations

Elements fade, slide, zoom or flip into view on scroll using IntersectionObserver and data-sr attributes, with stagger delays and reduced-motion support.

Pure CSS Scroll Animations
Reading Progress Bar – Tailwind CSS scroll animations preview

Reading Progress Bar

Sticky Tailwind CSS reading progress bar with a gradient fill, clickable chapter markers, current section label, minutes left and a circular back-to-top indicator.

Tailwind CSS Scroll Animations