svg-filter

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 Liquid Glass for the web — one CSS file + 4 KB JS for real lens refraction. Components, tokens, Figma guide.

把 SVG 变成铅笔线条加水彩上色的手绘风格，导出头像和横幅。Turn any SVG into a hand-drawn watercolor sketch. Runs in your browser.

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).

gradientmaps.js

爱爱大学官方地址导航站，永不失联。智能线路选择、多平台镜像部署、PWA离线访问、爬虫防护。

Rethink JS utility to apply an attribute-driven liquid glass effect (with SVG displacement + backdrop-filter, and safe fallbacks)

Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.

Apple Liquid Glass for the web: CSS material, Chromium SVG edge refraction, and a reusable agent skill.

Liquid glass for the web, with the refraction actually done. Real edge refraction traced through Snell's law, plus an iOS-accurate control kit.

Liquid glass for Electron: Apple's Liquid Glass look as a primitive you can bend, fade, reshape and animate. Compositor-bent, no WebGL, no render loop.

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.