Hit the play button: What if your music equalizer had a body? Instead of equalizer bars,Hit the play button: What if your music equalizer had a body? Instead of equalizer bars,
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Hit the play button: What if your music equalizer had a body?
Instead of equalizer bars, a 3D character dances to the music on a concert stage with LED lights and a disco floor, all reacting to the audio.
Built entirely with AI tools: UI concept with Nano Banana with create image tool in Figma, PRD with Claude, music generated with Gemini, and the final app built with Figma Make (React + Three.js + Howler.js).
👐🏻🏡 Our new case is a care home website built so a local authority and a future employee each get the answers they came for.
See how it's structured inside the case.
Choosing what to leave out is the part of the work that pays for itself once development begins" exactly right for a trust-driven site like this. Showing the house room by room as it really looks, rather than styled, is what actually earns that trust.
Agent products resist normal product marketing. There's no single interface to screenshot and the category vocabulary has gone generic, so a feature list communicates almost nothing.
We built Heron's explanation as a four-beat scroll that runs the agent's actual loop. The model appears and is watched. Violations surface with plain language and a real IBC clause. An edit is applied after approval. The system learns the firm's standards.
Pacing was the main design problem. Each beat needed enough scroll distance to register as a separate action, without the section becoming so long that people bail before the payoff. The sequence carries the technical detail that would otherwise sit in a spec table.
The four-beat scroll is a smart way to make the agent’s loop feel tangible—much clearer than a static feature list. The restrained visual system gives the interaction room to breathe.