wonderworks.INDEPENDENT WEB EXPERIMENTS

A COLLECTION OF DIGITAL CURIOSITIES

Things that
feel alive.

Light to wander through.
Worlds to play with. Code to explore.

Explore the collection
STUDY 000LIGHT / MATTER / MOTION
REAL-TIME WONDER
MOVE A LITTLE.
LOOK A LITTLE CLOSER.

THE COLLECTION

Small worlds.
Endless possibilities.

A growing collection of interactive worlds.
Hover to preview. Open an experience in a new tab.

Bubble Day — A breath of spring.
№ 01INTERACTIVE WORLD
Open experience
Bubble Day

INTERACTIVE LANDSCAPE

Bubble Day

2026

A breath of spring.

A breeze, a hillside, and iridescent bubbles. Wander through a sunlit landscape and touch the world to send bubbles into the air.

Original code by @akakuma0219

Three.jsWebGLGLSLProcedural world
Controls
Touch to blow bubbles · Drag to look around
Rendering
Water · Depth of field · Bloom and iridescence
World
Procedural terrain and vegetation

Adapted from supplied original code · Original license not supplied

Ocean Shoal — Six thousand lives. One current.
№ 02INTERACTIVE WORLD
Open experience
Ocean Shoal

LIVING GPU SIMULATION

Ocean Shoal

2026

Six thousand lives. One current.

Dive into a shoal of 6,144 fish. Watch the school turn and gather as sunlight moves across scales, rocks, and the seabed.

Inspired by @xingor_dev

Three.jsWebGPUTSL / WGSLTypeScript
Simulation
6,144 fish · GPU flocking
Lighting
Sun shafts · Caustics · HDR bloom
Controls
Scroll to zoom · Drag to orbit · C to roam

Code: GNU GPL v3 · AIB Inc.

Fruit Jelly — Go on. Give it a little squeeze.
№ 03SOFT-BODY STUDY
Open experience
Fruit Jelly

SOFT-BODY PLAY STUDIES

Fruit Jelly

2026

Go on. Give it a little squeeze.

Stretch a citrus slice and watch it spring back, or cut a watermelon into separate pieces. Two tactile experiences from Dani, powered by soft-body physics.

Inspired by @vib3coded

Three.jsWebGL2XPBD physicsMulti-touch
Variations
Citrus · Watermelon
Physics
Soft-body constraints and volume preservation
Controls
Pull and release · Adjust firmness · Cut the watermelon

Code: GNU GPL v3 · AIB Inc.

Chroma Motion — A little shape. A lot of possibility.
№ 04MOTION PLAYGROUND
Open experience
Chroma Motion

GENERATIVE MOTION PLAYGROUND

Chroma Motion

2026

A little shape. A lot of possibility.

Watch soft gradients stretch, twist, and fold. Choose a movement, adjust the palette and tempo, then save a frame or share your settings.

Inspired by @manwon_man

Three.jsWebGL2GLSLParametric motion
Movement
Choose a pattern · Change the palette
Controls
Tempo · Elasticity · Twist · Count · Grain
Capture
Save a PNG · Share your settings

Code: GNU GPL v3 · AIB Inc.

Tidelight Harbor — A little light. A slower tide.
№ 05INTERACTIVE WORLD
Open experience
Tidelight Harbor

ATMOSPHERIC ISLAND WORLD

Tidelight Harbor

2026

A little light. A slower tide.

Visit a timber tea house at the edge of a quiet bay. Change the weather, steer a boat, or watch a humpback whale surface beneath the lantern light.

Inspired by @chetanankola

Three.jsBlenderGLSL waterglTF / GLB
World
Timber tea house · Dock · Two wooden boats
Atmosphere
Five moods · Breeze · Haze · Lantern light
Controls
WASD to steer · Q for speed · Drag to look · Touch controls
Wildlife
Gulls · Leaping fish · Humpback whale
Camera
Overview · Boat follow · Pier walk · Whale watch

Code: GNU GPL v3 · AIB Inc.

Through the Seasons — A year passes. Every leaf remembers.
№ 06INTERACTIVE WORLD
Open experience
Through the Seasons

LIVING BOTANICAL OBSERVATORY

Through the Seasons

2026

A year passes. Every leaf remembers.

Watch 26,000 leaves bud, turn gold, and drift to the ground. Move through the seasons, change the weather, and watch sunlight pass through the canopy.

Inspired by Pete (@_re_pete)

Three.jsGLSL instancingProcedural botanyWeb Audio
Seasons
Spring buds · Summer leaves · Autumn drift · Winter snow
Weather
Clear skies · Rain · Storms · Snow · Day and night
Controls
Choose a variety · Orbit · Zoom · Pause · Save a frame

Code: GNU GPL v3 · AIB Inc.

Stillwater — A small world, just beneath the surface.
№ 07INTERACTIVE WORLD
Open experience
Stillwater

LIVING WATER GARDEN

Stillwater

2026

A small world, just beneath the surface.

Explore a garden pond with five goldfish, a leaping frog, and drifting petals. Touch the water, feed the fish, or dive beneath the surface to watch light catch their fins.

Inspired by @SouranyPhomhome

Three.jsBlenderGLSL waterPBR texturesGPU instancing
Water
Reflections · Refraction · Moving caustics and ripples
Wildlife
5 goldfish · Leaping frog · Butterflies and pond insects
Camera
Garden · Waterline · Underwater · Lily pads
Controls
Change sunlight, rain, and breeze · Feed · Pause · Save a photo

Code: GNU GPL v3 · Fish: somitsu · Frog: ffish.asia / floraZia.com · Fish & frog: CC BY 4.0 · Monarch: supplied asset · See source notices

Fulgur — A small storm, held in wonder.
№ 08INTERACTIVE WORLD
Open experience
Fulgur

ATMOSPHERIC EXPERIMENT

Fulgur

2026

A small storm, held in wonder.

Watch a small storm gather inside a drifting cloud. Follow branching lightning toward a silver dome, trigger a strike, or pause to hold a flash of light.

Inspired by Jason Key (@key_vfx)

Three.jsVolumetric GLSLHDR bloomSeeded branching
Cloud
Drifting billows and internal flashes
Lightning
Stepped leaders · Tapered branches · Repeated strikes
Controls
Drag to orbit · Click to strike · Pause · Save a frame
Sound
Optional thunder · Muted by default

Code: GNU GPL v3 · AIB Inc. · Inspired by a supplied reference recording

Web Crawler — A small appetite. An endless web.
№ 09INTERACTIVE WORLD
Open experience
Web Crawler

HUNGRY DIGITAL ORGANISM

Web Crawler

2026

A small appetite. An endless web.

Give a wireframe spider a public web page to explore. Watch it step between the lines and eat words, invite more spiders, or follow a link to its next meal.

Inspired by ༺ཧคlคฝคཊ༻ (@rybinfx)

Canvas 2DInverse kinematicsLive web readerTypeScript
Experience
Enter a public URL · Click a word to offer a meal
Colony
One to three spiders · Word or sentence appetite
Controls
Adjust the pace · Pause · Add silk trails · Restore the page
Source
Public HTML reader · Original sample included

Code: GNU GPL v3 · AIB Inc. · Inspired by @rybinfx

Skyglider — Small paws. Boundless sky.
№ 10INTERACTIVE WORLD
Open experience
Skyglider

ALPINE FLIGHT ADVENTURE

Skyglider

2026

Small paws. Boundless sky.

Follow a furry glider from an old oak into an alpine valley. Fly past painted mountains, waterfalls, and a hillside castle, then land in a clearing to explore on foot.

Original code by AIB Inc.

Three.jsSkeletal animationGLSL furPainted landscapes
Journey
Run · Climb · Leap · Glide
Controls
WASD to move or steer · L to land · R to return
World
Painted mountains · Waterfalls · Gardens · Castle
Camera
Drag to look · Scroll to zoom · Pause · Save a photo

Code: GNU GPL v3 · AIB Inc. · Poly Haven: CC0 · Supplied scenery: separate asset rights · See source notices

Foil Studio — A picture, a shimmer, a little wonder.
№ 11INTERACTIVE WORLD
Open experience
Foil Studio

PAPER & LIGHT

Foil Studio

2026

A picture, a shimmer, a little wonder.

Turn a picture into a foil-printed keepsake. Tilt it toward the light, choose a wedding cover, and unfold a glossy photograph with a personal letter inside.

Inspired by @ann_nnng

Three.jsPhysical materialsCanvas image processingTypeScript
Finish
Six foil colours · Six paper stocks · Photo gloss
Collection
Three wedding covers · A portrait inside
Controls
Drag to rotate · Tap to open · Write a letter
Keepsake
Save a PNG · Share a card link

Code: GNU GPL v3 · AIB Inc. · Original AI-generated wedding artwork

Bloom Studio — A link, in full bloom.
№ 12INTERACTIVE WORLD
Open experience
Bloom Studio

NATURE & CONNECTION

Bloom Studio

2026

A link, in full bloom.

Arrange a little bouquet and watch it bloom into a QR code. Choose roses, daisies, tulips or dahlias in a glazed vase, find your colour story, and share a place that matters.

Inspired by @ann_nnng

Three.jsProcedural flowersQR encoding & verificationTypeScript
Bouquets
Roses · Daisies · Tulips · Dahlias
Palette
Five colour stories · Optional breeze
Controls
Drag to rotate · Tap to transform
Share
Verified QR PNG · Garden settings link

Code: GNU GPL v3 · AIB Inc. · Original procedural models and AI-generated flower thumbnails

Prism Studio — Same card. Extraordinary light.
№ 13INTERACTIVE WORLD
Open experience
Prism Studio

PRINT & REFRACTION

Prism Studio

2026

Same card. Extraordinary light.

Bring your own trading card to a little light table. Explore nine shimmering foil finishes, tilt toward the light, and save a reflection worth keeping.

Inspired by @davidhaz

Three.jsOriginal GLSLImage processingTypeScript
Materials
Cosmos · Spectrum · Starlight · Crystalline · Contour · Gilded · Swirl · Bursts · Glitter
Input
Upload an image · Paste an image URL
Finish
Metal tint · Frame width · Intensity · Gloss · Scale · Full or reverse foil
Capture
Original comparison · Tilt · Save PNG

Code: GNU GPL v3 · AIB Inc. · Original AI-generated sample artwork

Dearly — A little letter. A lasting feeling.
№ 14INTERACTIVE WORLD
Open experience
Dearly

PAPER & CORRESPONDENCE

Dearly

2026

A little letter. A lasting feeling.

Take a moment to write something that matters. Pick an illustrated stamp, seal an envelope, and watch a faded postmark settle into the paper. Keep your letters in a softly unfolding letterbox.

Inspired by @raffiki_art

CSS 3DOriginal SVG stampsWeb AudioTypeScript
Stationery
Six illustrated stamps · Three paper colours
Ritual
Write · Stick a stamp · Seal · Postmark
Letterbox
Layered envelopes · Read · Save a text copy
Storage
Kept in this browser · No email delivery

Code: GNU GPL v3 · AIB Inc. · Original vector stamps

Cassette — A little tape. Endless light.
№ 15INTERACTIVE WORLD
Open experience
Cassette

TAPE & LIGHT

Cassette

2026

A little tape. Endless light.

Turn a translucent cassette in the light. Pink shifts to violet and blue across a printed label, the reels rewind behind the window, and every edge, screw and seam is there when you flip it over.

Inspired by @ann_nnng

Three.jsOriginal GLSLPhysical materialsTypeScript
Tape
Rewind · Play · Stop · Auto-reverse at the end
Light
Holographic label · Translucent shell · Four tints
Controls
Drag to turn 360° · Scroll to zoom · R to reset
Keepsake
Name the label · Save a PNG

Code: GNU GPL v3 · AIB Inc. · Original procedural label artwork

Golden Temple — A golden hour, built by hand in code.
№ 16INTERACTIVE WORLD
Open experience
Golden Temple

PROCEDURAL TEMPLE WORLD

Golden Temple

2026

A golden hour, built by hand in code.

Explore an ornate Japanese temple in golden-hour light. Drift past pagodas, lanterns and a reflecting pond in a richly detailed world created entirely with procedural geometry and shaders.

Original code by @LexnLin

Three.jsProcedural geometryGLSL materialsPlanar reflections
World
Pagodas · Temple halls · Lanterns · Garden pond
Controls
Drag to orbit · 1–0 select shots · Space to pause
Quality
Balanced adaptive resolution · High detail
Original creator
@LexnLin · MIT source

Original: MIT · Leon Lin (@LexnLin). Local adaptations: GNU GPL v3 · AIB Inc.

ABOUT WONDERWORKS

A place to follow
the “what if?”

Each experience begins with a small curiosity: a bubble catching the light, a shifting shoal, or jelly springing back into shape.

Play with a world, explore its source, and make something of your own. Every experience includes a source download and creator credits.

Credits and licenses

CREDITS AND LICENSES

Curiosity,
with credit.

Meet the creators behind the inspiration. Bubble Day and Golden Temple adapt original code; the other experiences are original implementations.

Download gallery source
Bubble Day

Original code by @akakuma0219

Ocean Shoal

Inspired by @xingor_dev

Fruit Jelly

Inspired by @vib3coded

Chroma Motion

Inspired by @manwon_man

Tidelight Harbor

Inspired by @chetanankola

Through the Seasons

Inspired by Pete (@_re_pete)

Stillwater

Inspired by @SouranyPhomhome

Fulgur

Inspired by Jason Key (@key_vfx)

Web Crawler

Inspired by ༺ཧคlคฝคཊ༻ (@rybinfx)

Skyglider

Original code by AIB Inc.

Foil Studio

Inspired by @ann_nnng

Bloom Studio

Inspired by @ann_nnng

Prism Studio

Inspired by @davidhaz

Dearly

Inspired by @raffiki_art

Cassette

Inspired by @ann_nnng

Golden Temple

Original code by @LexnLin

Gallery and original implementation code: GNU GPL v3, © 2026 AIB Inc. . Golden Temple retains Leon Lin’s MIT license. Bubble Day retains its original code provenance; the supplied archive did not include a license.

Stillwater fish models: somitsu . Frog model: ffish.asia / floraZia.com . Both are licensed under CC BY 4.0 . Model sources and modifications .

Supplied assets retain their separate rights and attribution notices, included in each source download. Three.js and Phosphor Icons are MIT licensed.

The gallery sculpture uses Three.js physical materials, real-time reflections, and procedural geometry.