Design in motion

One outline. Four devices.

Watch a single continuous neon outline evolve from a smartphone to an MP3 player, tablet, and desktop monitor. Pure SVG, CSS, and a touch of JavaScript.

MORPH ENGINE / 003 SVG + CSS
Morphing neon device outline Outline cycles among smartphone, MP3 player, tablet, and monitor. Use previous and next buttons to select a device.
Current form Smartphone
01 / 04FLUID GEOMETRY

The animation cycles every 2.5 seconds. You can also step through each device manually.