Surface Shallow Deep Floor

RRIPPL

Pixels. Dissolved. Into waves.

A pixel aquarium where rigid geometry comes alive in water. Click anywhere and watch the grid ripple.

LAT+00.0000 LNG-00.0000 TEMP21.4°C
Descend

Scatter

Not a grid. Not a list. A loose drift of cards, each rotated off-axis like bottles half-submerged in a tidepool.

Create

Pixel-perfect designs rippling outward from a single creative impulse.

x:128 y:064

Flow

Organic motion channeled through an 8-pixel grid. Discipline meets fluidity.

x:440 y:112

Evolve

Each interaction sends ripples through the system. The cascade unfolds on its own.

x:232 y:304

Drift

Let the current carry the interface. Navigation that feels like floating.

x:592 y:248

Descent

The deeper you scroll, the darker the water gets. Bubble density rises. The grid fades. Light attenuates. This is depth as narrative — a story told in color channels instead of parallax tricks.

RRIPPL is a late-night creative-coding session made public. A Game Boy submerged in a koi pond, still glowing, still sending pixel-perfect ripples outward through the water. Every visual element snaps to an 8px grid, yet the animations flow with organic, fluid motion. The tension between rigid geometry and liquid physics is the whole point.

There are no sign-up buttons here. No pricing tiers. No comparison tables. Just a digital terrarium populated by pixel jellyfish, pixel fish, and the occasional seahorse drifting across the viewport at varying speeds. Hover over a pixel cluster and it disperses into bubbles. Click anywhere and a square ripple rotates outward, diamond to square to diamond again, before fading into the dark.

> initializing ripple engine
> grid aligned to 8px
> water physics enabled
> depth pressure nominal
> creatures swimming
> status online
> _
                    

“Pixel squares that behave like water.”

Scroll further. The background darkens progressively. Bubble density increases in the deeper sections. The 8px grid opacity decreases with depth from 3% to 1%, simulating light attenuation. Pixel creatures appear at specific scroll thresholds — a jellyfish drifts into view at 40% scroll, a school of fish at 70%. Text color subtly shifts from #e0f0f4 to a slightly more blue-tinted #d0e4ef as depth increases.

This whole page is the experiment. The whole page is the product. You are inside it.

Ocean Floor

Where pixels meet the infinite dark.

Every ripple reaches here eventually.

/log_001 compass calibrated 0° N
/log_002 ripple count 1,482
/log_003 grid snap stable