@sulu/web

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.

Htmx is a modern JavaScript library that allows you to access AJAX, CSS Transitions, WebSockets, and Server Sent Events directly in HTML, using attributes. It's designed to make it easy to build modern user interfaces with the simplicity and power of hypertext. Htmx extends and enhances HTML, allowing for more dynamic and interactive web applications without the need for complex JavaScript frameworks. This approach can significantly reduce the amount of JavaScript needed in many web applications, making it an attractive option for developers looking to build interactive web applications with a minimal and intuitive API.

Ziggy is a package designed to seamlessly use Laravel named routes in JavaScript. It generates a JavaScript object containing all of your application's named routes, allowing you to reference them by name in your frontend code just as you would in Laravel's backend. This ensures consistency between frontend and backend routing and reduces the likelihood of errors due to hardcoded URLs. Ziggy is particularly valuable in Laravel applications with complex routing structures or those using frontend frameworks like Vue.js or React, as it bridges the gap between server-side and client-side routing logic.

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.