Space, divided well.

Interface references that run in your browser. Open one, tune it, read the source.

Explore the library
Specimens
0
Regions
0
Lines of source
0

01 The premise

Most references are pictures of interfaces. These are the interfaces. Every entry is a small, finished piece of frontend, running on the page, with its exact source one click away.

  • A

    It runs

    No screenshots and no recordings. Each example is real code executing in your browser.

  • B

    It bends

    Sliders expose the numbers that matter, so you can feel what a stiffer spring actually does.

  • C

    It shows its work

    The source you read is the file that is running. Copy it and it works.

02 Regions

Five regions.
One interface.

The library is organised the way an interface is built, from the grid up to the graphics card. Keep scrolling to travel down through all five.

    03 Live

    Running,
    not recorded.

    All 12 specimens, live. Point at a row and it starts on the stage. Open one to tune it and read its source.

    Open with source

    Start anywhere

    The library
    is open.

    Enter the library