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.
Animation
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 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.
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 Liquid Glass Effects with Dynamic Displacement – GlassiFy
Create liquid glass effects using SVG displacement and turbulence. Zero dependencies, framework-agnostic Web Component.
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.