svg

SVG Filters 101

By on

The first article in a series on SVG filters. This guide will help you understand what they are and show you how to use them to create your own visual effects.

Organic SVG Shape Morph Ideas

By on

A small set of ideas for organic shape effects. The demos show some ways to use animated SVG morphs interactively on a website, including a menu hover and a content

Interactive Musical Instruments

By on

Experimental ideas for playful musical interactions powered by MIDI.js and the Web Audio API. Play instruments or make sounds by interacting with content.

Surf Report Template

By on

A simple template of a weekly surf report with an animated SVG graph and a sliding content panel. The layout is powered by flexbox and viewport units. Highly experim

Fancy SVG Letter Animation

By on

An experimental SVG letter animation based on the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett. Powered by Julian Garnier's anime.js.