The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
A gooey text hover effect using SVG filters
A simple hover effect for images using different SVG filters.
A node-based SVG filter graph builder, let you can compose complex SVG filter by dragging nodes, which makes the workflow more easily and visualizing without writing unreadable SVG filter structure.
An ultra-premium, zero-dependency fluid-glassmorphism component library featuring dynamic SVG displacement filters and real-time HSL specular shine calculations
Rethink JS utility to apply an attribute-driven liquid glass effect (with SVG displacement + backdrop-filter, and safe fallbacks)
Physically-accurate refractive glass as a React component. Curved-bevel light refraction via Snell's law and SVG displacement maps — the real optics, not just blur.
Browser-based squint simulator for artists to check values, shapes, composition, and flipped views.
💄 A Playground for the feColorMatrix filter
Single-file dark neon manifesto landing for the AI · The New Sexy logo. Vanilla HTML + GSAP, cursor-reactive liquid SVG distortion, pinned kinetic typography, canvas flow field. No framework, no build.
Apple-style liquid glass for the web, as a React kit. Refracts the real content behind it. Rebuilt from Aave's effect (which was never open-sourced).
Image Motion Effect with SVG Filter
Liquid Glass effect using SVG displacement filters and backdrop-filter.
Beautiful, accessible Liquid Glass components for React with real SVG/CSS refraction and production-ready fallbacks.
Add a description, image, and links to the svg-filter topic page so that developers can more easily learn about it.
To associate your repository with the svg-filter topic, visit your repo's landing page and select "manage topics."