Examples

Each example is a complete scene. Open one in the playground to edit it; the link carries the code, so you can share what you make.

• A small studioSeveral devices in one scene.
• A deployA terminal, a cloud and a status badge, told in steps.
• Typing code on a screenScreens have code(), and typeOn types it letter by letter.
• Building a scene upfadeIn, draw, stagger and seq. A chapter marks a step you can jump to.
• A chatBubbles in and out, typing dots, typeOn per message.
• A chart in a sceneA chart is a plane in the scene. It grows in, then morphs to new numbers.
• A dashboard on a screenFour charts put on a monitor like any other element.
• Radio from a routerArcs above the router; animating the phase moves them outward.
• Stereo rigTwo cameras a baseline apart. Moving the point away shrinks the disparity: Z = f * b / d.
• A plane under a matrixThe grid and basis vectors deform under a 2x2 matrix.
• KeyboardBuilt from real layouts. Keys can be pressed and lit by id.
• A flow of dataArrows and pulses between devices, driven by one timeline.
• A cube, folded from its netSix squares are drawn on the ground, each gets its letter, then the net folds shut into a cube that turns on its base. The home page uses it.
• Letters that trade placesThe letters c s e e n stand on five squares, c and n in the accent colour. The c steps over the s and the n over an e, so the word reads s c e n e, then they swap back, in a loop.