ProductOS
Back to Showcase
Customer story · Studio teaserDesign surface

PHANTOM

An atmosphere-first teaser built from pure CSS and motion

PHANTOM teases an interactive WebGL light-and-smoke experience, and proves a cinematic feel doesn't need a video pipeline. The page builds its darkness from pure CSS gradients, motion, and a custom ghost cursor: zero media assets, instant load, full atmosphere.

phantom.product-os.app

How it was built

  • Built by the customer on the ProductOS Design surface
  • Atmosphere from CSS gradients and motion, no media assets at all
  • Custom ghost cursor follows the pointer
  • Anchor-correct nav added across hero, technology, and about
  • Published from ProductOS, repo, deploy, and domain handled by the platform

Stack

Next.js 15Tailwind CSSFramer Motion

Built on

ProductOS Design surface

0

video or image assets

1

custom ghost cursor

100%

atmosphere from code alone

Build something like PHANTOM

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

Start building Back to Showcase