svg

SVG Filters 101

By Sara Soueidan 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 Mary Lou 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 Mary Lou 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 Mary Lou 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 Mary Lou 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.