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.

Clock

An analog clock in a single SVG file.

Sunrise

Looping animation showing sun/moon rise/set.

Clouds

A single SVG file showing random, drifting cloud shapes.

Raindrops

A single SVG file showing randomly placed, expanding circles.

Hypno Squares

Hypnotic, growing, rotating squares.

Rotating Ellipses

More Rotating Ellipses

Randomly sized, rotating ellipses.

Cityscapes

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

More SVGs

Sean Brunnock