Real estate 3D hero
A dark hero with a mesh of lines that reacts to scroll.
← Krenels Lab
60 landing pages in a day
Cloning strong sites to build a library of WOW effects we can reuse.
We wanted to learn how to make the kind of wild WOW that lands a site on Awwwards — and to build a stock of those effects we could drop into our own sites and our clients'. So over one day we pointed agents at strong landing pages and had them cloned: about sixty of them, each a different site with a different signature effect.
Agents reproduce the real mechanic
Models have made good looking generic pages for a while. What we wanted to see was the hard part: whether an agent can reproduce a genuinely complex effect — canvas animations, a field of tens of thousands of particles reacting to the cursor, kinetic typography, a 3D camera flythrough on scroll, a fluid simulation running in real time.
It can, with surprising fidelity, as long as it has the real site to work from. The agent pulls the effect off the reference down to the motion itself — the speed, the curve, the way it responds to scroll. That is the whole point of cloning here: each clone is a working copy of one effect we can now reuse.
Getting an effect exactly right usually means reverse engineering it from the site's own code rather than eyeballing it off the screen, and how well a model does that varies sharply from one to the next. We ran three models through the same clone to see where they split, in a separate experiment.
The reference does the work
Give the agent the site and it carries the mechanic across; describe the site and you lose it. The tooling around agents is converging on the same thing. There is now a curated index of "design skills" for coding agents — dozens of design files pulled from real sites like Figma, Arc, and The Verge — and the sharpest of them, like Refero's searchable library of real product screens, work by handing the model references instead of describing taste in words. The skill is a reference library.
A few of them
Each tile below loops its signature motion; open one to poke at the real thing.
360-degree 3D island map
A 3D map for real estate — our own build on the harvested effects.
Editorial kinetic type
Kinetic typography with WebGL distortion on hover.
WebGL particle sphere
A sphere built from tens of thousands of particles.
kireels.ru — shipped
A production landing for a short form video agency, built from the same effects.
What we keep
The output of the day is a growing library of WOW effects, each already working in code, each harvested from a site that already did it well. When a project needs a particle hero or a 3D scene that moves on scroll, we start from a real one instead of a blank file.
Turning this into a way to actually ship a client's landing page fast — without a design and development team — is a separate mechanic, and the next experiment.