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
Back to feedPost
The Fly’s Double is an interactive 3D experiment about a tiny sculptor making its own self-portrait. A housefly shapes a solid lump of clay with its front legs, gradually revealing a clay version of itself. Drag the clay and the fly follows; when the work is done, it flies away.
Built with Three.js and a housefly 3D model. The colorful brain is an artistic visualization, not real neural data.
Explore it: https://the-flys-double.netlify.app/:
This is so cool!!
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
Related posts
MAGMA: A Liquid Light Instrument
A single HTML physics-driven lava lamp. Every blob carries heat it soaks it up at the floor plate, rises on buoyancy, sheds it at the cap, stalls, and sinks-the canonical lava-lamp circulation, with nothing keyframed.
Blobs merge by transferring mass through sustained contact; overheated giants pinch off children. Total volume is conserved, so the lamp never empties. The surface is a metaball scalar field shaded through a palette LUT, with marching-squares iso-contours stroked on top as a glass rim and a fresnel crown. Run it hot and champagne micro-bubbles boil off the plate - flip gravity mid-rise and they hang weightless.
Anyone who wants to check this build live can visit my JSFiddle here: https://jsfiddle.net/Saminsami/1rvay2bx/1
jsfiddle.net
MAGMA - SAMIN
SAMIN - a HTML example you can edit and run in your browser on JSFiddle.
ORBIT: Interactive Hero Concept (Motion-First Landing Page)
ORBIT is an interactive landing page hero concept built to show how motion can make a website feel alive without slowing it down.
What’s inside:
Cursor-reactive hero: floating cards, labels and glow move at different depths as the cursor moves.
CTA button states: hover lift, press squeeze with ripple, and a success morph with particles and a toast.
Dashboard cards: staggered entrance with count-up numbers, animated bars, a progress ring and a drawing line chart.
Interactive feature icons: each icon has its own idle, hover and active animation.
Smooth transitions: eased modal, toast and scroll, with reduced-motion support.
Mobile-friendly: responsive grid, touch taps, no sideways scroll from 360px to 1920px.
I tested all of the above with an automated suite (20 checks, all passing) and made a 45-second demo video with sound design.
Built with: HTML, CSS and JavaScript as a working prototype.
Need this in Rive? The same motion and interaction logic (hover, press, success states, cursor-driven movement, icon states) can be rebuilt as a production-ready Rive animation with a state machine and integrated into your website. Message me with your requirements and I’ll share a timeline and quote.
