The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
-
Updated
Feb 3, 2023 - TypeScript
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.
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.
Apple liquid glass for React — pure SVG filters, no WebGL, no canvas. SSR-ready, ~2 KB gzip.
Framework-agnostic, ultra-realistic iOS 26 Liquid Glass optical displacement effect for Vue 3, Nuxt, React, Next.js, and Vanilla JS.
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
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离线访问、爬虫防护。
Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.
Rethink JS utility to apply an attribute-driven liquid glass effect (with SVG displacement + backdrop-filter, and safe fallbacks)
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.
Liquid glass for the web, with the refraction actually done. Real edge refraction traced through Snell's law, plus an iOS-accurate control kit.
💄 A Playground for the feColorMatrix filter
ChromaCalm — zero-install spectral notch filtering web tool and bookmarklet for photophobia, migraine and screen halation. FL-41 and 520nm presets.
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.
To associate your repository with the svg-filter topic, visit your repo's landing page and select "manage topics."