Easy Momentum Scrolling Library For Vanilla JS & Svelte – Kinetic Scroll
A tiny JavaScript library that allows you to implement fluid, momentum scrolling effects for scrollable containers.
Animation
Create Celebration Fireworks/Confetti Animations With DOM-Particles Library
A simple and lightweight JavaScript particle library that applies a configurable animated fireworks/confetti animation to DOM elements when clicked.
SVG Based Odometer Motion Blur Effect – bounty.js
The bounty.js library lets you create Odometer-style text rolling animation with a motion blur effect using SVG.
3D Hover Effect Inspired By Apple TV – Hover3D.js
A tiny and easy-to-use JavaScript library to create a stunning 3D hover effect that reacts to cursor movement.
GPT-4 Inspired Lines Animation In Pure CSS
A CSS solution to create an infinite horizontal lines animation as you’ve seen on GPT-4 website.
Fluent Design Button Hover & Click Effects – fluent-reveal-effect
fluent-reveal-effect is a JavaScript library used for creating interactive hover & click effects inspired by Fluent Design System for Windows.
Animate On Scroll Based On getBoundingClientRect API
A super tiny animate on scroll library that uses getBoundingClientRect() to retrieve the position of an element relative to the viewport and then applies show/hide CSS classes to the element accordingly.
Classic Terminal Typing Effect In JavaScript – Console Typer
A JavaScript library to create a configurable typing animation for paragraphs, simulating the experience of typing in a command line interface.
Responsive Text Scrolling Effect – Pure CSS Marquee
The Pure CSS Marquee uses CSS3 transforms and container queries to create a responsive and elegant scrolling effect for text that exceeds the width of its container.
Add A Touch Of Romance To Webpage With The Animate Heart Canvas Library
A vanilla JavaScript library to generate a romantic animated hearts background using HTML5 canvas.