Small experiments in pure CSS, JavaScript, canvas, SVG and Web Audio. No libraries, no videos, no audio files, and the whole page weighs about 300 KB. Move, scroll, type and hold to play. You dream it up, we make it happen.
01 · GlobeA slowly spinning globe with the sun and moon in orbit. Pick a city to zoom in, or the sun or moon to fly out to it.
DEPTH
02 · Depth stackA five-layer card stack in true 3D, tilted by pointer or phone orientation.
03 · 3D printThe split-circle mark printed as a glowing sphere, layer by layer from the bed up.
04 · Scroll morphOne set of nine shapes morphs from circle to slabs to grid as you scroll.
feed it pink static · blue static hurts it
05 · Dead pixelA dead pixel hunts on its own; switch to Manual to steer it. Pink static feeds it and blue static hurts it; once it is big enough, it writes a word in light.
ASSEMBLE
06 · Sliced assemblySeven strips of one headline slide in from alternating sides as it scrolls into view.
07 · Scroll marqueeThree rows speed up, flip direction and skew with your scroll velocity.
STATIC
DIVISIONS
08 · Magnetic typeVariable-weight Manrope swells near the cursor while the letters bend away.
09 · Flip boardTwo rows of split flaps run through words in different colors, then land together on the name. Hover or tap to run it again.
move through the sand
10 · Particle Sand Gravity ChamberSand forms the logo, then gravity shuts off. Push it around and it floats until it all falls.
click or tap to place points
11 · Vector penClick or tap to place anchor points and drag them to reshape the curve. Double-click or Clear to start over. Left alone, it draws on its own.
strum the strings
12 · Plucked stringSix wave-equation strings: strum across them and they ring, glow hotter the harder you pluck, then settle flat.
13 · Chromatic revealA spotlight reveals the image in split RGB channels that drift apart as you move.
Signal lock50.0
locked
hover or tap
14 · Signal lockA row of fine ticks sweeps and snaps into a clean reading wherever you hover or tap.
15 · Scroll depth logoThe three slabs of the mark pull apart into depth layers as you scroll, and close again on the way back.
type something
16 · Type into the logoLetters fly into the slabs.
SD-100Static Engine
108BPM
VOL
Loop
SD-100 · Flip to power onsound on · plays a loop
17 · SD-100 Static EngineA tiny groove box: drums, bass and synth on a loop. Press space to play, click DEMO to flip through the tracks, or hit CLEAR to make your own beat. Jam along on your computer keyboard or tap the keys.
12:00
day
18 · Time-of-day paletteThe teal hue shifts slowly with your local hour. Drag the scrubber to preview other hours.
hold
19 · Hold to glitchPress and hold the logo: it tears with horizontal static. Release and it snaps clean.
20 · Warp gridMove your cursor across the grid.
drag through the water
21 · Neon inkDrag through the water to drop neon ink. It swirls, mixes and slowly fades.
