Categories Alternatives Stacks Self-Hosted Explore

© 2026 Open-Awesome. Curated for the developer elite.

Terms Privacy About GitHub RSS

Laxxx — Scroll-Driven Animation Library | Open Awesome

Laxxx

Laxxx

MITJavaScriptv2.0.3

A lightweight vanilla JavaScript library for creating smooth scroll-driven animations.

What is Laxxx?

Lax.js is a lightweight vanilla JavaScript library that creates smooth, scroll‑driven animations on web pages. It allows developers to bind CSS properties (like opacity, translation, rotation) to scroll position, mouse movement, or other custom drivers, enabling rich visual effects without heavy frameworks.

Target Audience

Frontend developers and designers who want to add performant, custom scroll‑based animations to websites or web apps without relying on large animation libraries.

Value Proposition

Developers choose Lax.js for its minimal footprint (<4KB), flexibility in defining animation drivers, and fine‑grained control over CSS properties—all while maintaining high performance and compatibility with modern UI frameworks.

Overview

Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

Use Cases

Best For

Adding subtle parallax effects to landing pages
Creating scroll‑triggered reveal animations for content sections

Related Projects

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub

10.5k stars488 forks0 contributors

Building interactive storytelling websites with scroll‑driven motion

Implementing smooth inertia‑based scrolling effects

Animating elements based on cursor position or input values

Enhancing portfolio or marketing sites with lightweight motion design

Not Ideal For

Teams needing drag-and-drop animation builders or visual editors with zero code setup
Large-scale production apps requiring active maintenance, security updates, and long-term support
Projects heavily reliant on GPU-intensive effects like blur or hue-rotate where performance is critical
Static or server-rendered sites that must function without client-side JavaScript

Pros & Cons

Pros

Tiny Footprint

At under 4KB gzipped with no dependencies, it minimizes page load impact, ideal for performance-focused sites.

Flexible Drivers

Supports animations driven by scroll, cursor, time, or custom values, enabling diverse interactions beyond basic parallax.

Fine-Grained Control

Allows precise tuning of CSS properties via value maps and easing functions, documented with examples for translate, rotate, and opacity.

Inertia and Presets

Includes momentum-based smoothing for natural scroll effects and a preset system for quick starts with common animations.

Cons

Archived and Unmaintained

The README explicitly states the project is no longer updated, risking bugs, compatibility issues, and lack of community support.

Manual Framework Integration

Requires explicit calls to add/remove elements in React, Vue, or Angular, adding boilerplate and complexity compared to integrated libraries.

Performance Caveats

Warns that CSS properties like blur, hue-rotate, and brightness are graphically intensive and may not run smoothly, limiting certain visual effects.

Frequently Asked Questions

Quick Stats

Stars10,487

Forks488

Contributors0

Open Issues13

Last commit11 months ago

CreatedSince 2019

Tags

Built With

Included in

Auto-fetched 1 day ago

Animate on scroll library

Last commit2 years ago

Animate elements as they scroll into view.

Last commit2 years ago

The javascript library for magical scroll interactions.

Last commit14 days ago

Reveal CSS animation as you scroll down a page

Last commit1 year ago

#css-animations

#scroll-animations

#vanilla-javascript

Web Animation1.5k