Animation
Animate Elements On Scroll With Parallax Effect – locomotive-scroll
locomotive-scroll is a modern JS library that applies a smooth, subtle, configurable parallax scroll effect to elements when scrolled into view.
Lightweight & Performant JavaScript Animation Library – MotionFlow
A lightweight JavaScript library for scroll animations, parallax, and text effects. It uses HTML attributes for zero-config setup.
Animate Text Using SVG Font – svg-text-animate.js
svg-text-animate.js is a JavaScript library to animate text by drawing the SVG strokes defined in an SVG font.
Text Typing Animations with Real-time Markdown/HTML Rendering – TypeMorph
Create realistic typing effects with TypeMorph. Features real0time markdown parsing, HTML sanitization, looping modes, and smart auto-scroll.
Create Smooth Toggle Button Animations with View Transition API
Build animated toggle buttons with moving highlights. Uses native View Transition API for smooth transitions between active states.
Create A Background Particles System With JavaScript And Canvas – nodes.js
The nodes.js JavaScript library lets you create a particles system with animated nodes and connecting lines for the background.
Create Realistic iOS Liquid Glass Effects with SVG Filters and JS (Web Component)
A lightweight Web Component that creates realistic, iOS-style liquid glass distortion effects using SVG displacement filters. Works in any framework.
High-Performance CSS Scroll Animations with MOS.js
Add smooth scroll-triggered animations with simple data attributes. Zero dependencies, 12+ animation types, CSS variable timing.
Recreate Balatro’s Animated Shader Effect with WebGL – balatroShader.js
A lightweight WebGL library that recreates Balatro’s animated background shader. Customizable colors, spin, and performance controls.