Code in the Dark

A front-end competition where you code a webpage from a reference image — without any preview. No devtools, no live reload, just your skills and instinct.

Start Now

What is Code in the Dark?

No Preview

You write HTML & CSS without ever seeing the result until the end.

20 Minutes

You have exactly 20 minutes to reproduce the reference image as closely as possible.

Audience Votes

At the end, the audience votes for the best result. The crowd decides the winner!

Event Gallery

Code in the Dark event photo 2
Code in the Dark event photo 3
Code in the Dark event photo 4
Code in the Dark event photo 5

See it in Action

Rules of the Game

  1. Each competitor receives a reference image of a webpage to reproduce.
  2. You have 20 minutesto write HTML & CSS from scratch.
  3. No preview is allowed — you cannot see the result of your code until the end.
  4. No devtools, no external resources, no copy-pasting from outside the editor.
  5. When time is up, all results are displayed on a big screen and the audience votes for their favourite.
  6. The competitor with the most votes wins the round!

Register

Please state your name

Select a mode

Select a template

Image template reference