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.
Animation
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.
Creating Scroll Based Animations With Pure JavaScript – ScrollTrigger
ScrollTrigger is a really small (~2kb minified) JavaScript library which lets you apply scroll-triggered animations to any elements.
Touch-friendly Full Page Scroll Animation In JavaScript – scrollpage.js
A simple, configurable, and mobile-friendly one page scroll library for landing pages and single-page web applications.
Simulate The Typing Effect in Minutes with TypeWriter.js
Just another typewriter-like typing effect library that allows you to easily animate text so that characters look like they’re being typed on your web page.