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.
Animation
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.
Lightweight Modern Animation on Scroll Library (5.7KB) – aos.js
Lightweight scroll animation library (5.7KB) with TypeScript support. Animate elements on scroll across Vanilla JS, React, and Vue.
Animate On Scroll Using CSS @keyframes – Scrollerful.js
A lightweight AOS (animate on scroll) JavaScript library for animating elements on scroll using CSS keyframes and variables.
Text Shuffle Animation In Pure JavaScript – shuffle-text.js
shuffle-text.js is a pure JavaScript library that presents your text letter by letter with a character shuffle animation.
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.