● Concept build · sample content · designed & coded by Cockroach Studio← All workHire me
💻OpenCode
Design study · AI coding agent

Open-source AI coding agent.

Terminal green on black.

Track an orderExplore the build
Techno
Aesthetic
Track
Interaction
Next.js
Built with
Why choose us

What makes OpenCode different

The palette

OpenCode's signature colours, surfaces and contrast — rebuilt token-for-token.

The type & feel

Open-source terminal green.

The interaction

A working tracker flow, dropped into the theme by config.

Try it live

Track an order

A fully interactive demo — go ahead, click around.

Try:
Gallery

A look inside

Hero
Features
Pricing
Footer
“
Open-source terminal green.
— Design note, In the visual language of OpenCode
About this build

OpenCode demonstrates a live status tracker — enter an ID and a multi-stage timeline resolves with location and ETA.

Designed and coded by Cockroach Studio as a concept build. The branding, copy and data are sample content — the interaction is the real thing. Want this for your business? I build the actual product: custom, fast, and yours.

Independent design study — an homage to OpenCode's public visual language, built to demonstrate range. Not affiliated with, sponsored by, or endorsed by OpenCode.

Live trackerNext.jsTypeScriptTailwind CSS

Like this demo?

Start a project →See other builds