Lax.js 2.0: JS library to create animations from user interactions

mood.camera

Maker

Creating a joyful UI is hard, but can add so much to your products user experience. This was my inspiration for Lax 1.0; build a tool that makes creating joyful experiences easier. I decided to harness scrolling, the most natural (addictive?!) human screen interaction, to drive animations. Sort of like parallax but with more flexibility. Not long after I published the original version of Lax in 2019 I started to build a list of features and improvements to make the tool even more powerful. I began the the re-write earlier this year, and during lockdown 2.0 I finally found the time to finish Lax 2.0! The main focus of the re-write was create a new syntax that allowed the developer to use any value, not just the windows scroll position, to drive animations. For example, you can use mouse position, text input length, time of day.. to create animations. There's also a few extra goodies like adding inertia and easings to animations plus a new preset explorer. I recommend checking out the examples to see for yourself. I hope you enjoy using it in your websites. 🌈

Report

5yr ago

Sublive

Love how super simps it is to integrate and the presets look stunning!

Report

5yr ago

Cool library! I recently was looking for something like that )

Report

5yr ago

This Song Plants Trees

Just what I was looking for. Will use it in my latest project

Report

5yr ago

OneLine v2

This is amazing!

Report

5yr ago