A buttery smooth, super lightweight, vanilla JavaScript library for adding parallax scrolling effects to websites.
Rellax is a lightweight, vanilla JavaScript library that adds smooth parallax scrolling effects to web elements as users scroll. It solves the need for performant, easy-to-implement visual depth without heavy dependencies like jQuery or large animation frameworks. Developers can control speed, responsiveness, and positioning through simple HTML data attributes.
Frontend developers and web designers building modern websites who want to add engaging parallax effects with minimal overhead and no framework dependencies.
Developers choose Rellax for its buttery smooth performance, tiny footprint, and straightforward API that works across all devices. Unlike heavier alternatives, it’s pure vanilla JavaScript, making it fast, flexible, and easy to integrate into any project.
Lightweight, vanilla javascript parallax library
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
At under 1KB gzipped, as shown in the README badges, Rellax adds negligible load time impact compared to heavier alternatives like ScrollMagic.
Uses simple data attributes like `data-rellax-speed` for setup, allowing developers to add parallax without writing custom JavaScript for each element.
Supports breakpoint-specific speeds with attributes like `data-rellax-mobile-speed`, ensuring effects adapt seamlessly across devices, as demonstrated in the demo.
Offers both global (`center: true`) and per-element (`data-rellax-percentage`) centering, providing precise control over parallax alignment without complex calculations.
Requires JavaScript enabled; no built-in fallback for users with JS disabled or in non-browser environments, which can break visuals entirely.
Focused solely on parallax scrolling; lacks features for other animations or interactions, often forcing developers to integrate additional libraries for complex projects.
On low-end devices or pages with many elements, continuous scroll listeners can cause performance hiccups, despite optimization efforts mentioned in the README.