Labs · 001 · Live

Chronographe,
in real time.

Our hand-coded CSS watch studies, rebuilt as a physically-lit WebGL instrument. It keeps your local time. Drag to turn it; press the pushers to time something.

Chronograph00:00.0

Code & art

The archive.

Code art merges the elegance of programming with the expressive power of visual aesthetics. Find more on Figma & CodePen.

New · Then & now Eight of these pieces, remade in 2026: in HTML & CSS, and in 3D. See them side by side.

CSS Balloon

Floating, looping balloon animation.

2025

CSS First Letter

Animated background from a first letter.

2021

CSS Face

Grid-based face illustration in pure HTML & CSS.

2019

Undraw Animation

SVG rocket animation.

2018

CSS Sucks

Stretchy multi-coloured text animation.

2018

Springy Mobile Screens

Help your mobile screenshots stand out.

2018

Animated Horror Titles

Horror-movie title sequences in CSS.

2018

New CSS Features

2019's CSS features laid out as a UI.

2018

CodePen Pick

Scrollbars & Boxes

Forget layout. We have this (again).

2018

CodePen Pick

CSS is Awesome

Text animation of the famous meme.

2018

CodePen Pick

Fly-in Intro

Looping movie-intro animation.

2018

CodePen Pick

Cinema Intro

Animated cinematic type.

2018

CodePen Pick

Grandfather Clock

Responsive HTML, CSS, SVG & emoji scene.

2018

CodePen Pick

Zombie Checkbox

A checkbox turned apocalypse.

2018

Turtles Form Challenge

A simple form with a lot of styling.

2018

Chronograph, Platinum

Working platinum chronograph watch in HTML & CSS.

2018

Chronograph, White Gold

Working white gold chronograph watch in HTML & CSS.

2018

Chronograph, Rose Gold

Working gold chronograph watch in HTML & CSS.

2018

“

The first CSS cartoonist?

CodePen editors ↗“

Just a few of our favorite Pens from this week.

CodePen editors ↗

Chronograph Parts, Platinum

Every part of the platinum chronograph, laid out.

2018

Chronograph Parts, White Gold

Every part of the white gold chronograph, laid out.

2018

Chronograph Parts, Rose Gold

Every part of the gold chronograph, laid out.

2018

CSS Game & Watch

Responsive illustration of a classic handheld.

2012

CSS R2-D2

HTML & CSS robot illustration.

2012