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.
Animation
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.
3KB JS Library for Randomized Glitch Animations – Glitchium
Lightweight JavaScript library for randomized glitch animations. GPU-accelerated, highly configurable, and performance-optimized at less than 3KB gzipped.
Create Scroll-Triggered Letter Animations – AniLet.js
A lightweight, dependency-free JavaScript library for creating scroll-triggered, letter-by-letter text animations.
Interactive WebGL Fluid Motion with Smokey Fluid Cursor
Real-time fluid simulation library using WebGL for interactive cursor effects. Lightweight, configurable physics, and smooth performance on all devices.
Pure CSS Morphing Text Effect with Gooey Transitions
Create smooth, liquid-like text transitions with pure CSS. No JavaScript, SVG, or Canvas needed.
WebGL-Powered iOS-Style Liquid Glass Effects for JavaScript
Build cursor-reactive liquid glass effects with JavaScript & WebGL. Implements cursor-tracking, light refraction, and realistic edge distortion with fragment shaders.