Appearance
Language
Deutsch English

Showcase

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.

  • Showcase 01 · Reaction-diffusion

    Growth

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

    WebGL 2

  • Showcase 02 · Physics

    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 2 · Verlet

  • Showcase 03 · Fluid simulation

    Ink

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

    WebGL 2

  • Showcase 04 · Falling sand

    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

  • Showcase 05 · Neural network

    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 2 · ML

  • Showcase 06 · Raymarching

    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

  • Showcase 07 · Swarm routing

    Data traffic

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

    WebGL 2

  • Showcase 08 · Procedural world

    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

  • Showcase 09 · Path tracing

    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

  • Showcase 10 · WebGPU

    One Million

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

    WebGPU

  • Showcase 11 · Orbital mechanics

    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

  • Showcase 12 · Mechanical miniature

    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

  • Showcase 13 · Three-body problem

    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

  • Showcase 14 · Shadow puzzle

    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