Powered by @chemmangat/easy-scroll

Showcase

A stunning demonstration of scroll-driven animations using the published npm package

npm i@chemmangat/easy-scroll

Why Easy Scroll?

Three simple reasons

1️⃣

Easy to Install

One command. No configuration files. No setup headaches.

npm i @chemmangat/easy-scroll
2️⃣

Easy to Use

Simple React components. Intuitive props. Works immediately.

<RevealOnScroll animation="fadeIn">
3️⃣

Easy on Performance

Zero dependencies. Native browser APIs. Lightweight and fast.

0 dependencies • 9.3KB

Easy to install. Easy to use. Easy on performance.

That's why it's called Easy Scroll.

Real-Time Counters

0
+

Downloads/Week

0
+

Stars

0

Animations

Why Choose Easy Scroll?

Built with performance and simplicity in mind

Lightning Fast

Uses native browser APIs for optimal performance without any overhead

🎨

Customizable

21 animation types with full control over timing, easing, and delays

📦

Zero Dependencies

Lightweight package with no external dependencies to bloat your bundle

🚀

Easy to Use

Simple React components that work out of the box with minimal setup

📱

Responsive

Works seamlessly across all devices and screen sizes

🎯

TypeScript

Full TypeScript support with comprehensive type definitions

“Smooth animations that bring your content to life”

21 Animation Types

Choose the perfect animation for your content

fadeIn

Smooth opacity transition

fadeInUp

Fade in from bottom

fadeInDown

Fade in from top

slideInLeft

Slide from left side

slideInRight

Slide from right side

scaleUp

Scale from small to normal

scaleDown

Scale from large to normal

rotateIn

Rotate while fading in

blurIn

Blur to sharp transition

Ready to Get Started?

Install the package and start creating beautiful scroll animations