straitfire

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A complete browser game in three.js and React. Two sectors of an isometric sea glow blue and red under a holographic grid, with islands, spinning radar towers and patrol aircraft. Pick a side, deploy ten ships with a live placement preview (rotate, pick up and move, auto-place), then fire: missiles arc across the strait from your own ships, misses splash and ripple, hits explode with sparks, a shockwave and camera shake and keep burning, and a hit fires again. Sunk ships surface as damaged holograms and their neighbouring cells clear themselves. The computer hunts, then finishes off damaged ships. Fleet panels, shots and accuracy, a battle log, toasts and a victory or defeat screen; mouse and keyboard on desktop, taps on phones with a camera that follows the board in play.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • side picker
  • fleet deployment
  • computer opponent
  • missile and explosion effects
  • victory and defeat screens

stack

  • react
  • vite
  • typescript
  • three.js
  • webgl

fonts

Chakra Petch

Free fonts, linked in the prompt.

colors

  • #030507
  • #3AA8FF
  • #FF4747
  • #FF8A3C
  • #E6EDF4

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license