ProductOS
Back to Showcase
Customer story · Product launch★ FeaturedDesign surface

OBSIDIAN

Three cinematic scroll films on a single product page

OBSIDIAN is a premium wireless-earbuds launch: Silence, Sculpted. The page chains three pinned, scroll-scrubbed AI films: a hero reveal, an exploded-view dissection, and a sound-wave sequence, 576 frames in total, streamed progressively so the page is interactive in seconds. Dark luxury chrome, lifestyle stills, and a spec story round it out.

obsidian-earbuds.product-os.app

How it was built

  • Built by a ProductOS user on the Design surface
  • Three AI-generated films on one page, hero, exploded view, sound wave
  • 576 frames streamed through ordered queues; below-fold films wait their turn
  • GSAP pinned sections chained across the full scroll length
  • Published from ProductOS, repo, deploy, and domain handled by the platform

Stack

Next.js 15Tailwind CSSGSAPAI media pipeline

Built on

ProductOS Design surface

3

pinned scroll films on one page

576

AI-generated frames, streamed progressively

192

frames per film, scrubbed on canvas

Build something like OBSIDIAN

Give the agents a brief. Get a deployed product. Every project in the showcase started as a single prompt.

Start building Back to Showcase