---
title: "OBSIDIAN: Built with ProductOS | ProductOS"
description: "OBSIDIAN is a premium wireless-earbuds launch: Silence, Sculpted. The page chains three pinned, scroll-scrubbed AI films: a hero reveal, an exploded-view dissec"
url: https://productos.dev/showcase/obsidian-earbuds
---

[ Back to Showcase](https://productos.dev/showcase)

Customer story · Product launch ★ Featured Design 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.

[View live ](https://obsidian-earbuds.vercel.app/)

OBSIDIAN · Live project

## 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 15 Tailwind CSS GSAP AI media pipeline

## Built on

[ProductOS Design surface ](https://design.productos.dev/)

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](https://beta.productos.dev/sign-up?utm%5Fsource=productos.dev/showcase) [Back to Showcase](https://productos.dev/showcase)