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.
Apple liquid glass for React — pure SVG filters, no WebGL, no canvas. SSR-ready, ~2 KB gzip.
The only zero-dependency liquid glass component with real refraction on iPhone & Safari — not a blur fallback. React 16.8–19 + web-component. ~6.5KB.
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.
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).
爱爱大学官方地址导航站，永不失联。智能线路选择、多平台镜像部署、PWA离线访问、爬虫防护。
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.
Liquid Glass effect component for React - Beautiful glassmorphism with displacement distortion
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.
Browser-based squint simulator for artists to check values, shapes, composition, and flipped views.
💄 A Playground for the feColorMatrix filter
Beautiful, accessible Liquid Glass components for React with real SVG/CSS refraction and production-ready fallbacks.
Reversible, non-destructive hand-sketched skin (Balsamiq, Sharpie, Pencil, Doodle, Blueprint) for Angular/React/Vue/static web apps, with an adjustable 0-100% sketchiness level and an interactive overlay. Look-and-feel only.
Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.
Image Motion Effect with SVG Filter
Liquid Glass effect using SVG displacement filters and backdrop-filter.
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."
