software · Picked by us

Turn a clock into moving colour

Shader Spectral Clock

A live clock sits over a shifting WebGL colour field with presets and controls you can change.

By Pulkit

Get the source and prompt
Watch the recorded demo

Free 32.5-second MP4; no sign-in

Free; MIT licence; local Node setup required

The Spectra Clock interface over a vivid procedural WebGL field, with shader controls and telemetry.
A look at the result

What it does

Explore a procedural background as a working interface, then reuse the component or change its live uniforms.

Who it helps

Frontend developers, interaction designers and creative coders.

How it was made

Models
Claude · Fable 5 — creator-reported
Tools
Claude · AI generation — creator-reported
React and TypeScript · Interface
WebGL · Procedural colour field
Tailwind CSS · Layout and styling
  1. The repository preserves the component-integration prompt beside the generated project.
  2. A WebGL shader maps a warped field to spectral colours, while React manages the clock, presets, controls and telemetry.
  3. The creator supplied source, verification notes and a recorded demo.

What the person did

Pulkit curated and published the project, prompt, source, verification notes and demo. Claude Fable 5 attribution comes from the creator and was not independently authenticated.

What we know

Creator-reported: The root and project READMEs call the work generated with Claude Fable 5; the project folder preserves the prompt, source, verification script and demo.

Access checked — 2026-09-20 · Downloaded the 32.5-second H.264 demo and decoded a frame at five seconds. Dependencies were not installed, and the project and its verification script were not run.

Can you use it?

Claude Directory, copyright 2026 Pulkit, MIT. Keep the copyright and permission notice with copies or substantial portions. The preview is a resized frame from the recorded demo.

About this project

Picked by Made With Models. Added 2026-09-20. Updated 2026-09-20.