LM-23Watches

Sidéra

An astronomical watch with ten worlds in hard stone, built in code.

The live preview runs real 3D in your browser, so on this device it can take longer to appear and scroll less smoothly. The video above shows the full site.

An astronomical watch in rose gold and midnight blue, built entirely in code and drawn live with three.js. Ten worlds cut from hard stone stand over an aventurine dial, with a zodiac sub-dial for the hours, a flying tourbillon under a gold bridge and the Moon's true phase at six, all under a sapphire dome in an aurora sky wrapped in strands of gold. Scrolling slows time twelve times, opens the case and sends every stone into orbit at its true place in tonight's sky. Visitors can wind it, light it with the cursor, run the sky through the years and switch to a blueprint view, and the hands keep their local time. For watchmakers, jewelers and luxury brands.

How it's made

  1. One clock drives everything

    A real going train beats six times a second and turns every wheel, the tourbillon once a minute and the hands, which show the visitor's local time. Holding Wind charges a 72-hour reserve.

  2. Flat parts are sketched, not modeled

    Plates, bridges, the case band and the black dial bridges are circles and capsules blended as signed distance fields, traced with marching squares and extruded with polished bevels. The movement sits turned 45 degrees under the dial so the tourbillon shows at half past seven.

  3. Stones cut in code

    The five faceted worlds are spheres of about 300 flat facets in offset rings (half that on phones). A shader traces light bouncing inside each stone, colour by colour for fire, with glints that twinkle as it turns. The lapis Earth with gold continents, the rhodochrosite, the red jasper and the sunstone are drawn by shaders too.

  4. The real sky, tonight

    Each world's place comes from its mean orbit on the visitor's date. When the case opens, the stones lift off their settings into wide orbits at those places, the Moon keeps to the Earth at its true phase, and Hold to travel runs the sky through the years.

  5. A dial full of work

    An aventurine plate with copper crystals at several depths, a blue sunray zodiac sub-dial whose gold pointer rests on the Sun's sign, a Moon window at six, gold settings with bead-tipped prongs, and a meshing gold train turning through the open center.

  6. Lit like a product still

    A baked studio of softboxes and small lamps for sparkle, a sapphire dome with real thickness, soft shadows and bloom on true highlights only, in an aurora sky with strands of gold light wrapping the watch.

  7. A camera script on a budget

    Cues pinned to nine sections set the framing, the opening, the 1/12 slow motion and the labels. About 578,000 triangles on desktop and 374,000 on phones, with lighter stones and shaders on phones and a resolution that drops on slow devices.

In this kit

  • src/

    Full source. The complete site as its own project, ready to run.

  • public/

    Media and assets. The images, clips, textures and icons the page loads.

  • models/

    3D models. The product the page is built around, ready to render.

  • tools/

    Helper scripts. Small scripts that come with the kit, like page checks and model exports. The README says what each one does.

  • README.md

    Start here. What's inside and how to run it.

  • HOW-IT-WAS-MADE.md

    How it was made. The build step by step, and a recipe to make your own.

  • ADAPT.md

    Adaptation prompt. Fits the kit to your client's brand in an AI builder.

  • RESKIN.md

    Re-skin guide. Colors, type, copy and media, changed file by file.

  • CHANGES.md

    Changelog. What changed in each version of the kit.

  • PROVENANCE.md

    Provenance. Where every model, texture and image came from.

  • THIRD_PARTY.md

    Open-source credits. Every library and font inside, with its license.

  • LICENSE.md

    Commercial license. Unlimited client projects, one person per license, no resale.

See a real zip, opened

Specs

Stack
Vite 8.2 · React 18.3 · three.js 0.186 · TypeScript · Tailwind CSS 3.4 · Framer Motion 11 · GLSL shaders · Web Audio (synthesised ticks) · Procedural geometry
File size
28.1 MB
Triangles
577,868
Browser
Needs WebGL 2. Tested in Chromium at 1440 x 900 and 375 x 812, from a fresh unzip of the kit; Safari, Firefox and real phones not tested yet. On some Windows PCs the first load can take 15 to 35 seconds while the stone shader compiles; later visits are faster.
Released
Oct 2026
Version
1.0.1

From download to client site

  1. Buy it, or get it with a plan

    Buy this kit on its own, or get every kit in the collection with a plan.

  2. Download the zip

    It shows up in your library as soon as payment goes through. Up to 10 downloads a day, and each link works for 10 minutes.

  3. Run it

    Unzip it, run npm install, then npm run dev to open the site on your machine. You need Node.js 20 or newer. The README says how to build it for any host.

    npm install && npm run dev

  4. Make it your client's

    Hand ADAPT.md to your AI builder (Claude, ChatGPT or Cursor) with the client's brief, or follow RESKIN.md to change colors, type, copy and media by hand. HOW-IT-WAS-MADE.md shows how to build their product the same way.

Unlimited client projects, one person per license, no resale. Read the license

Designed and built by Designed by Parallel, LLC. Every part is generated in code when the page loads: signed-distance sketches, lathed profiles, generated gear teeth and cut stones, with the metal finishes, stone patterns and aventurine drawn by shaders. The page loads no model files, photos, video or sound samples; the two .glb files in models/ are exports of the same code. The kit uses no model files, photos, logos or names from any other maker. Planet positions come from public mean orbital elements.

Buy LM-23 Sidéra

Single kit

Price: $59once

By buying you agree to the Terms and License.

Included with Monthly, Annual and Lifetime.

Or every kit for life, $499.