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 -
Showcase 15 · Chain reaction
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 -
Showcase 16 · Three-body problem
Attraction
Three wandering attractors pull at a Moralo page. Letters and surfaces break out of the grid, stream – and find their way back at the press of a button.
Canvas 2D -
Showcase 17 · Timeline
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 -
Showcase 18 · Chaos
Divergence
Two identical three-body systems side by side. Nudge one body by a hair – and watch one future become two.
Canvas 2D -
Showcase 19 · Block universe
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 -
Showcase 20 · Sense of time
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
Choose a showcase. The live demo then starts right here.