---
title: "PHANTOM: Built with ProductOS | ProductOS"
description: "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 pur"
url: https://productos.dev/showcase/phantom
---

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

Customer story · Studio teaser Design 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.

[View live ](https://phantom-2zwv.vercel.app/)

PHANTOM · Live project

## 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 15 Tailwind CSS Framer Motion

## Built on

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

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