page/life

+ AN EXPERIMENT IN EMERGENCE

A little life.
In everything.

The words, the colors, the space between.
Watch this very page become Conway’s Game of Life.

A small change of state.
Come back whenever you like.
SPECIMEN NO. 001B3 / S23
The pulsar
Order, with a little room to move.48 CELLS
∞ POSSIBILITY
MAKE IT YOURS

Set the conditions.
Let life do the rest.

Cell colors

SAME PAGE. ANOTHER NATURE.

Nothing added.
Everything awakened.

This is the experiment. The page itself is the starting pattern. No two pages begin quite the same.

01

A page becomes a pattern

Letters, shapes, and colors soften into a mosaic of cells, keeping the outline of where you began.

02

The pattern finds its own way

Three neighbors give a cell life. Two or three keep it alive. Simple rules take over; something unexpected unfolds.

03

Back to where you were

Restore the page whenever you’re ready. Your place, your words, and your work are still here.

A PERSONAL STARTING POINT

Leave a little
of yourself in it.

31 / 160

A LITTLE LIFE, ON YOUR WEBSITE

Make room
for the unexpected.

Download the script, put it in your site’s public folder, and connect it to a button. It runs in the visitor’s browser.

Download page-life.js
ADD TO YOUR PAGE
<script src="/page-life.js"></script>
<button id="bring-to-life" type="button">Let it live</button>
<script>
  document.querySelector('#bring-to-life')
    .addEventListener('click', async () => {
      try {
        await PageLife.awaken({
          cellSize: 6,
          speed: 12,
          palette: 'original'
        });
      } catch (error) {
        console.error('Capture unavailable:', error);
      }
    });
</script>

Best with text, images, and standard layouts. Cross-origin images need CORS; video, embedded frames, and some advanced CSS may not appear in the capture. The effect covers the current viewport.