🔮 Fildrop. A set of custom SVG Filters

A simple project to help understand SVG's powerful feColorMatrix filter.

VanillaJS fully configurable curved menu (circular navigation)

An interactive astrophysics project, exploring the masses of dead stellar objects (black holes and neutron stars). I used d3.js, a touch of jquery, flowtype, and advanced SVG techniques (in vanilla javascript) for this project.

🏇🏻💨 Apply motion blur to any HTML element as it moves

Generate ZorroSVG files from PNGs.

jQuery Plugin to create nice blur backgrounds from an image

Experimental use of SVG filters with CSS to render clouds (CSS-Tricks Article). Sample with replacement used to randomize highway traffic in the foreground.

Exercise files for code class about SVG filters.

Some ideas for decorative link distortion effects using SVG filters.

Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

Node-based editor for SVG Filters

A react tool to accompany CSS-Tricks article on creating clouds with SVG Filters

The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

Vanilla javascript and Web Component wrapper to make any svg zoom pan and deep link

SVG (Scalable-Vector-Graphics) Introduction & Filters

💄 A Playground for the feColorMatrix filter

Relaxing tunes and visuals to help you focus, meditate, or sleep.

Vue based personal website with links to other platforms. Also used as tech- and animation playground.