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.
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.
Advanced Tilt Effect with Parallax Content in Vanilla JavaScript – tiltEffect
Create smooth 3D tilt animations with mouse tracking. Pure JavaScript library with dynamic lighting, shadows, and parallax effects.
Lightweight Animation Library for Modern Web – CSS Motion
Create performant scroll animations with CSS Motion. Framework-agnostic, respects prefers-reduced-motion, and works with React, Svelte, vanilla JS.