Interactive website demo

We build experiences that refuse to stay flat.

Alfidia Studios builds client websites and develops original software. This demo shows interactions we can build in the browser.

What this demo shows.

Four interactions, each running live on this page.

01

Real-time WebGL & 3D environments

Live 3D rendered in your browser with Three.js. Hover this card to speed up the rotation.

Three.jsWebGL
02

Generative & dynamic UI

Visuals drawn by code and driven by input. Move the slider to change the wave.

03

Spatial configurators & digital twins

The Chronomesh study below is an exploded-view example. Rotate it to inspect each layer.

Three.jsExploded view
04

Production engineering & systems

This page is plain HTML, CSS and JavaScript with one library, Three.js. Motion pauses when your device asks for reduced motion.

HTMLCSSJavaScriptThree.js

Interactive studies.

Three studies built for this demo. Each viewport is a live render, not a captured image.

01 / 03

Chronomesh

Exploded-view study

An exploded view of a mechanical movement, built from rings and gear teeth. Drag to rotate it, or scroll the page to change the spin speed.

Three.jsDrag to rotateScroll-linked spin
Drag or scroll to rotate RPM 0.0 01 Balance wheel 02 Mainspring barrel 03 Escapement
Move the pointer Energy 0.00
Drag the sun Sun 32°