Smooth Scroll Animation Library

Glide brings your interfaces to life with buttery-smooth scroll-driven animations, parallax effects, and kinetic typography — all with zero setup and maximum performance.

arrow_downward Scroll down

Features

Experience the power of scroll-driven interactions

bolt

60 FPS Guaranteed

Hardware-accelerated animations that maintain silky-smooth performance even on complex layouts.

layers

Parallax Made Simple

Create depth with multi-layer parallax effects using intuitive data attributes.

check_circle

Zero Configuration

Start animating instantly with sensible defaults and progressive enhancement.

How It Works

Three simple steps to add scroll magic to your project

1
attach_file

Install Glide

Add the library via npm or CDN. No build step required for basic usage.

2
code

Add Data Attributes

Use data-scroll, data-scroll-speed, and other attributes to control animation behavior.

3
rocket_launch

Watch It Come Alive

See your elements animate smoothly as users scroll through your page.

60 FPS
12 KB gzipped
100 % GPU

What Developers Say

Real feedback from engineers building exceptional experiences

"Glide transformed our landing page from static to stunning. The performance is incredible and implementation took minutes."
JS
Jordan Smith
Senior Frontend Engineer
"The smoothness and ease of use are unmatched. Our users noticed the difference immediately."
AC
Alex Chen
Lead UI Developer
"Finally, a scroll library that doesn't sacrifice performance for effects. Glide delivers both."
TK
Taylor Kim
Full-Stack Engineer

Pricing

Simple plans for teams of all sizes

Free

$0/month
  • Core scroll animations
  • Parallax layers
  • Basic reveal effects
  • Community support
Get Started

Enterprise

$99/month
  • Everything in Pro
  • Custom animation presets
  • Dedicated account manager
  • SLA guarantee
Contact Sales

Frequently Asked Questions

Answers to common questions about Glide

Yes! Glide works with any framework or vanilla JavaScript. Simply initialize it after your DOM mounts. For React, use useEffect; for Vue, use mounted; for Svelte, use onMount.

Absolutely. Glide automatically disables smooth scrolling on touch devices to preserve native scroll behavior, while still enabling all animation features.

Glide fully respects prefers-reduced-motion. Animations are disabled when users request reduced motion, and all keyboard navigation remains fully functional.

Unlike heavier libraries, Glide focuses exclusively on scroll-driven animations with a tiny footprint (~12KB gzipped) and zero dependencies. It uses the efficient Locomotive Scroll engine under the hood.

Yes! All paid plans include a 14-day free trial with no credit card required. Cancel anytime during the trial period.

Ready to Glide?

Start creating beautiful scroll experiences today