Barba.js

Lenis is a modern, lightweight smooth scrolling library designed to normalize the scrolling experience across different devices and browsers. It offers a fluid, native-like scrolling behavior with minimal configuration. Lenis supports both vertical and horizontal scrolling, and can be easily integrated with animation libraries for creating engaging scroll-based animations. Its performance-focused approach and customizable easing functions make it ideal for creating polished, responsive user interfaces in web applications where scroll experience is crucial.

_​hyperscript is a scripting language for adding interactivity to the front-end.

Granim.js is a lightweight JavaScript library for creating fluid and interactive gradient animations. It allows developers to easily create and animate complex gradients, including multiple color stops and directional changes. Granim.js supports various animation types, including linear and radial gradients, and can respond to user interactions. This library is particularly useful for creating engaging background effects, interactive headers, or any UI element where dynamic color transitions can enhance the user experience.

Locomotive Scroll is a modern, opinionated JavaScript library for creating smooth scrolling experiences and advanced scroll-based animations. It offers a range of features including parallax effects, speed-based animations, and directional awareness. Locomotive Scroll stands out for its performance optimization techniques, such as using IntersectionObserver and RequestAnimationFrame for efficient animations. This library is particularly useful for creating engaging, scroll-driven websites with complex animations and interactions, often seen in portfolio sites, product showcases, and storytelling web experiences.

Snap.svg is a powerful SVG manipulation library for modern web browsers. It provides an intuitive API for creating, animating, and interacting with SVG graphics. Snap.svg goes beyond basic SVG capabilities, offering advanced features like masking, clipping, patterns, and gradients. It's particularly useful for creating dynamic, interactive vector graphics and data visualizations in web applications. Snap.svg's API is designed to be familiar to developers who have worked with Raphaël.js, but with a focus on modern SVG features.