Glide is an animation kit for React and TypeScript. Wrap an element in a component and it reveals on scroll, splits into words, tilts toward the pointer or drifts with the page. No animation library to install: it is React, CSS and IntersectionObserver.
Everything is configured with props, and every preset has live preview and a copy-ready snippet in the included playground site.
What's inside
13 components: Reveal, Stagger, SplitText, Tilt, Magnetic, Spotlight, MouseParallax, ScrollParallax, ScrollLinked, Marquee, CountUp, Float, ScrollProgress
3 hooks: useReducedMotion, useInView, useScrollProgress
50 ready-made presets, listed as plain data so you can copy or extend them
150 distinct Reveal looks: 7 effects x 4 directions x 6 easings
Playground: tune every prop with live preview and copy the generated JSX
Gallery of every preset with replay and copy
A full landing page demo built only from Glide components
Docs with prop tables and examples for every component
Light and dark themes in the playground
Built for real projects
Zero dependencies besides React 18
Strict TypeScript, every prop typed and documented
prefers-reduced-motion respected everywhere
Server-render safe, with a no-JavaScript fallback
Scroll-driven effects write straight to the DOM in requestAnimationFrame, with no re-render per scroll event
Marquee and Float run as CSS animations, so they stay smooth while the page is busy
SplitText keeps text readable for screen readers
How to use
Copy the components/glide folder into your project
Import what you need: import { Reveal, SplitText } from "@/components/glide"
Wrap content and set props
Works with Next.js (App Router and Pages Router), Vite, Remix and any React 18 setup. The Next.js playground in the package is only for exploring; the kit does not need Next.js or Tailwind.
Quality checks run before release: strict type check, production build, 38 automated browser tests (scroll reveals, reduced motion, no-JavaScript fallback, Tilt, Magnetic, Marquee, CountUp, playground output, mobile layout), and a clean install from the final zip.
Includes README, license, changelog and demo video.
