@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.

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.

Marked is a fast and efficient Markdown parser and compiler written in JavaScript. It converts Markdown-formatted text into HTML, making it invaluable for applications that handle user-generated content or documentation. Marked is known for its speed, flexibility, and extensibility, allowing developers to customize parsing rules and output. It supports GitHub Flavored Markdown and can be used both in browser and Node.js environments. Marked is widely used in content management systems, documentation tools, and any application requiring Markdown rendering.

Slimbox 2 is a lightweight JavaScript library for creating modal lightboxes for images and other content. It's designed as a simplified alternative to more complex lightbox solutions, focusing on speed and simplicity. Slimbox 2 provides basic lightbox functionality including image display, navigation between images in a set, and keyboard controls. While it may lack some advanced features of newer libraries, its lightweight nature and ease of implementation make it a good choice for projects requiring a simple, efficient lightbox solution.

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.