Dynamic SVGs

SVGs drawn and animated with Javascript and CSS. Some may not be compatible with Firefox.

svg animation icon

SVG Animation

A simple interactive SVG animation.
square spiral

SVG Spirographs

With a little Javascript, you can create complex images from simple shapes.

Tic Tac Toe

A single SVG file which plays a random game of Tic Tac Toe.


An analog clock in a single SVG file.


Looping animation showing sun/moon rise/set.


A single SVG file showing random, drifting cloud shapes.


A single SVG file showing randomly placed, expanding circles.

Hypno Squares

Hypnotic, growing, rotating squares.


Dynamically generated cityscapes which fit themselves to their container.
background icon
Various SVG backgrounds

More SVGs