Glance is a library of 128+ premium, production-ready web animations and interactions. Every component can be previewed live and copied directly into your React, Next.js or vanilla JavaScript project.

What animation libraries does Glance use?

Glance components use GSAP (with ScrollTrigger), Three.js, Framer Motion, Lenis, Matter.js, Lottie, and pure CSS/JS — giving you the widest range of motion techniques.

How much does Glance cost?

Glance offers a one-time lifetime access payment of $39 (regular price $149). This includes all current and future components forever — no subscription.

Can I use Glance animations in client projects?

Yes. With lifetime access you can use every animation in unlimited personal and client projects. The code is yours to keep and modify.

Glance

← Back to Library

Blog

Tutorials and guides on building production-ready animations with GSAP, Framer Motion, and vanilla JavaScript. Every article includes code you can copy-paste.

GSAP

GSAP12 min read

10 GSAP Scroll Animations You Can Copy-Paste into Any Project (2026)

Production-ready GSAP ScrollTrigger animations with full source code. Parallax sections, reveal-on-scroll, sticky cards,...

April 3, 2026Read

Next.js

Next.js14 min read

How to Add Page Transitions in Next.js App Router (2026 Guide)

Step-by-step guide to implementing smooth page transitions in Next.js 14/15 App Router using Framer Motion, GSAP, and CS...

April 2, 2026Read

Framer Motion

Framer Motion11 min read

Awwwards-Level Hover Effects with Framer Motion in React (2026)

Build magnetic cursors, reveal-on-hover cards, staggered menu animations, and tilt effects using Framer Motion. Each exa...

April 1, 2026Read