Premium modules, live and ready to reuse.
Every module here works. Each one lists who it suits, what you need to supply, how heavy it is on phones and roughly how long it takes to build. Photos are only used as source data and re-drawn live. Brands, products and prices are fictional.
Scroll frame sequence
Scrolling moves the day from dawn to dusk while the cruise boat crosses the lake and the chapters change beside it. Scroll back and time runs backwards. The whole scene is drawn in code, so it stays sharp on any screen.
Leave the shore behind.
Ninety minutes on the lake, departing every hour.
Open water ahead.
Scroll speed is the speed of the day. Stop scrolling and the sun holds still.
Back before sunset.
The last chapter carries the booking button.
Exploded product view
As you scroll, the product separates into its layers, each with a label. It makes engineering visible and justifies a premium price.
Zoom-through window
Scrolling pushes the camera through the chalet window: the room falls away around you and the valley opens up beyond. Here both the room and the view are drawn in code.
Wake up to this.
The meadow house.
Four rooms, one valley, no traffic. A demo homestay page.
Text mask, live print
Giant letters act as windows onto a living scene. Inside the word, the light changes, clouds drift, the water shimmers and a boat crosses.
Lens reveal
A lens follows the cursor and shows the same view at night: stars, moonlight on the water, lit chalet windows. Day outside the lens, night inside it.
3D product turntable
A real-time 3D product the visitor can spin, with finishes that change instantly. The bottle here is modelled in code; a client's product would come from a 3D file.
Nº 7, Eau de Parfum
Cedar, bergamot and cold lake air. 50 ml.
Particle image morph
Your daytime moon photo, rebuilt from particles that take their colour from the real pixels. Move the cursor to scatter them; morph them into a word or logo.
Product configurator
Visitors build their own version and see it and the price change instantly. This is the module that sells, not just impresses.
Particles in real 3D.
Five modules running on a small custom WebGL engine: no 3D library to download, 20–40k particles at 60 fps on a mid-range laptop, fewer on phones. All of them can take a client's photo, logo or word as their source.
Photo depth sculpture
Your village photo becomes a 3D relief of 15,000 ink points: darker areas sit closer, lighter ones recede. Drag to orbit, or scatter it and watch it rebuild.
3D shape morph
20,000 particles flow between a sphere, a knot, your moon photo wrapped as a 3D globe, a helix and a brand word. Every particle travels on its own delay, so each morph ripples.
Particle galaxy
40,000 stars in three spiral arms, with the inner arms turning faster than the outer ones, as in a real galaxy. Move the cursor to tilt it.
Lake wave field
A surface of 14,000 points moving like the lake in your clip. Click or tap the water to drop a ripple.
Dust headline
A headline that exists only as drifting dust until you scroll, then assembles letter by letter in 3D space. It makes the first sentence of a site impossible to skim past.