tech-demos

Craft rebuilds of great work found on X.

Each live demo is a specimen built to the original’s craft — credited to its author, open to click through.

16 live demos Ulises · @pixeleate 89 in the backlog

Showing 16 of 16 live demos

Live demos

Posters are stills of the running demo. Original links go to the X post that started each rebuild.

Poster of Agent cursor motions Live Open demo
agent-cursors @trycua

Agent cursor motions

Six Cua Driver aiming curves with per-style film routes, clip replay from a tracked path, Fitts labels from planMove, WebGL keycaps, and intro / desktops / end clip scenes.

  • Motion
  • Canvas/WebGL

Original · @trycua

Poster of Storyboard editor Live Open demo
storyboard-editor @calebporzio

Storyboard editor

A pixel-faithful editor whose playhead drives clip-timed teaser scenes (46.35s), with a video-diff harness (0.25s vs flux-teaser.mp4), exploded anatomy and working chrome.

  • Dashboard
  • 3D/CSS
  • Motion

Original · @calebporzio

Poster of Holographic card Live Open demo
holo-card @MengTo

Holographic card

A holographic card from CSS 3D tilt plus color-dodge foil, a moving sheen, screen glare, a spine and a flip.

  • 3D/CSS
  • Shader
  • Motion

Original · @MengTo

Poster of CRT portfolio front door Live Open demo
cozy-computer @cyze_dev

CRT portfolio front door

Put a live website inside a photo's screen with %-measured placement, scanlines, curvature and an "inside" mode.

  • 3D/CSS
  • Shader

Original · @cyze_dev

Poster of Isometric city atlas Live Open demo
iso-cities @Aprilzz423

Isometric city atlas

A true-iso kernel where face planes are SVG `matrix()` transforms, with glow filters, seeded variety and disposable scene runtimes.

  • SVG
  • Motion

Original · @Aprilzz423

Poster of Hairline isometrics Live Open demo
hairline-isometrics @lucasmarkes__

Hairline isometrics

A hairline iso engine with an orthographic camera, hull silhouettes, world-unit hit tests, springs/tweens and one sleeping rAF loop.

  • SVG
  • Motion

Original · @lucasmarkes__

Poster of Pixel Reveal Live Open demo
pixel-reveal @YousufSoomroDev

Pixel Reveal

Rasterize real text into cells, use delay fields and coarse-to-fine mips, resolve to DOM, and get nine looks from one prop.

  • Canvas/WebGL
  • Typography/Editorial
  • Motion

Original · @YousufSoomroDev

Poster of Warehouse as a strategy game Live Open demo
strategy-dashboard @RoundtableSpace

Warehouse as a strategy game

Turn a dashboard into a sim with an isometric yard from box primitives, site camera presets, shift-drag yaw and a live HUD.

  • SVG
  • Dashboard

Original · @RoundtableSpace

Poster of FLINT sandstone graph Live Open demo
flint-graph @mutableos

FLINT sandstone graph

SVG edges under HTML-button nodes in one world transform, plus a sandstone/neumorphic material lit from the top-left.

  • SVG
  • 3D/CSS

Original · @mutableos

Poster of PropTech glass HUD Live Open demo
clean-dashboard @UiRahMan92

PropTech glass HUD

A 2:1 clay world in SVG with depth-sorted faces, wheel-zoom toward the cursor, and light glass HUD cards.

  • SVG
  • 3D/CSS
  • Dashboard

Original · @UiRahMan92

Poster of AI permitting UI Live Open demo
nizam-permitting @nizamdesign

AI permitting UI

Dense SaaS clarity from tokens: tight tracking, a 244 / 1fr / 336 grid, status badges and threshold score bars.

  • Dashboard
  • Typography/Editorial

Original · @nizamdesign

Poster of Bluesky app map Live Open demo
appmap-visualiser @aleqsio

Bluesky app map

A React Flow map with a 60-line BFS layered layout, cyan flow paths, a neighbours lens and a hash-coloured minimap.

  • Canvas/WebGL

Original · @aleqsio

Poster of Apps UI cheatsheet Live Open demo
ui-cheatsheet @_heyrico

Apps UI cheatsheet

The spec is the specimen: exact component metrics (32px buttons, 24×14 switch) with click-to-inspect and copy.

  • Dashboard
  • Typography/Editorial

Original · @_heyrico

Poster of Flat two-phone UI Live Open demo
marcel-minimal @marcelkargul

Flat two-phone UI

Restraint as a spec: flat primaries sampled from interiors, with no motion, gradients or shadows enforced globally.

  • Typography/Editorial

Original · @marcelkargul

Bookmarks backlog

89 of 89 on X