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. 13 components in 5 groups.

Backgrounds3

Living fields that sit behind everything else on a page.

Starfield, Wireframe globe, Particle network

Motion and effects5

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

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

Navigation2

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

Drawer navbar, Link pyramid

Page sections2

Reviews that slide past and answers that open in place.

Reviews marquee, FAQ accordion

Surfaces1

Materials for panels and cards, starting with the glass.

Glass card

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