Appearance

What the browser can do.

Technical experiments from our lab: simulations and graphics that run live in your browser. Each demo shows what can be built on the web today.

  • Particles

    Tens of thousands of particles form the wordmark, an app, a web app, an AI workflow and a website live on the GPU.

    WebGL 2GPU
  • Growth

    The brand grows like coral from a few seeds. Paint new seeds and the tissue keeps growing live.

    WebGL 2
  • Cloth

    A banner with the Moralo mark flies as real cloth in the wind. Grab it, pull it, throw it, and tear it with too much force.

    WebGL 2Verlet
  • Ink

    Stir ink in brand colours through a glass dish. Eddies peel off behind the wordmark, from the physics alone.

    WebGL 2
  • Decay

    A real web page crumbles pixel by pixel into sand that trickles into dunes. At a click every grain flies back to its place.

    WebGL 2
  • Learns live

    A neural network learns to draw the brand in seconds, trained live on your graphics card. Paint into it and it learns along.

    WebGL 2ML
  • Frozen Glass

    The design system's glass as a real 3D object: shapes melt into each other and light breaks into rainbow edges.

    WebGL 2
  • Data traffic

    100,000 data packets swarm through a network. Take a node down and the traffic finds new routes live.

    WebGL 2
  • World

    A flight over an endless island landscape with sea, clouds and times of day in brand colours. A whole world in a few kilobytes of code, without a single image.

    WebGL 2
  • Light

    The Werk app on a phone, photorealistic with soft shadows, gloss and depth of field. The picture is path traced live in the browser and sharpens with every sample.

    WebGL 2
  • One Million

    One million particles that all feel each other: two spiral galaxies collide and tear long tidal arms out of each other.

    WebGPU
  • Orbits

    Hundreds of points circle a shared centre on their own orbits in real time. Quick on the inside, calm on the outside, and the centre follows your pointer.

    Canvas 2D
  • The Awakening Kingdom

    Towers, walls and bridges fold up out of a flat metal map into a miniature world. A gear at its centre drives the build, its tempo and its rewind.

    WebGL 2
  • Three Suns

    A world under three suns that pull on each other chaotically. Three coloured shadows wander across the ground; grab a sun and change the sky.

    WebGL 2
  • The Empty Throne

    An empty hall, one candle. Move the light until the shadows of swords and rubble join into a throne and fall apart again.

    Canvas 2D
  • Ravens, Not Sliders

    A map table with twelve keeps and four houses. A raven turns one banner, more ravens carry the consequences across the land, until one house holds every seat.

    Canvas 2D
  • Attraction

    Three wandering attractors pull at a Moralo page. Letters and surfaces break out of the grid and stream. At the press of a button they find their way back.

    Canvas 2D
  • Once More

    Three suns, one recorded future. Go back to a moment, give one sun a different push and compare the old future with the new one.

    Canvas 2D
  • Divergence

    Two identical three-body systems side by side. Nudge one body by a hair and watch one future become two.

    Canvas 2D
  • Nothing Is Over

    An invented life as one spatial form. Childhood, meeting and farewell lie side by side as layers. A cutting plane shows single moments.

    Canvas 2D
  • How long was that?

    Two sequences, one calm, one full of change. Estimate how long they lasted. Only then does the clock show what really passed.

    Canvas 2D
  • Foldable

    A foldable you open yourself. The app on it folds along, from one column to two, without losing its place.

    CSS 3D
  • Upside Down

    Drive off, hang upside down at the ramp, let go and land on the wheels with thrusters. A small game for keyboard and touchscreen.

    Canvas 2D