The Vibeary — tag

svg-filter

9 resources in The Vibeary tagged "svg-filter" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Search all gems Newest additions

liquid-glass (nikdelvin)

Component set of LiquidGlass containers, LiquidText and LiquidButton built purely from CSS and SVG filter primitives.

Nik Delvin (@nikdelvin)open-source

liquid-glass (archisvaze)

Interactive browser demo of an iOS 26 style glass panel you can drag over page content to inspect the refraction math.

Archis Vaze (@archisvaze)open-source

liquid-glass (shuding)

Single-file copy-paste Apple-style liquid glass shader built from SVG displacement filters, no framework or build step required.

Shu Ding (@shuding_)MIT

DistortedLinkEffects

Decorative link hover distortions built with SVG turbulence and displacement filters rather than canvas or WebGL.

Codrops / Manoela Ilic (@crnacura)MIT

svg-color-filter

Interactive explainer and playground for SVG feColorMatrix, showing how each matrix cell changes an image.

Claudio Holanda (@kazzkiq)MIT

gooey-react

Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal.

Luuk de Vlieger (@luukdv)MIT

svg-filter-editor

Node-based visual editor for composing SVG filter graphs, exporting the resulting filter markup.

Vlad Poletaev (@poletaevvlad)open-source

Hyalite

Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.

@VII-CaeMIT

Nephele

React tool for generating volumetric cloud textures from layered SVG turbulence filters.

(@beauhaus)MIT