Design gallery

Everything my sites are made of

The backgrounds, effects and building blocks I use on my sites. Each one runs live here, and opening it shows the code. 18 components in 5 groups.

Backgrounds5

Living fields that sit behind everything else on a page, or hold the middle of it.

Starfield, Wireframe globe, Particle network, Particle brain, Note graph

Motion and effects6

Effects that play once, run on a loop or follow the cursor.

Liquid orb, Goo preloader, Logo orbit, Typed rotator, Scroll reveal, Isometric stack

Navigation2

Ways around a site, from the first menu to the last link.

Drawer navbar, Link pyramid

Page sections3

Reviews that slide past, answers that open in place and project sections on colour.

Reviews marquee, FAQ accordion, Colour slab sections

Surfaces2

Materials for panels and cards: frosted glass and a window for screenshots.

Glass card, Browser frame

Skill demos5

One made-up landing page, built once with each design skill and once with none.

No skill, Design taste, Impeccable, Apple design, Emil design eng