image

  • soonImage enhancerEnhance detail and image quality
  • soonBackground removerIsolate subjects from backgrounds
  • soonMockup generatorPresent designs in realistic scenes

effects

design tools

  • soonTypography generatorExplore expressive type layouts
  • soonPalette generatorFind colors that work together
  • soonGradient generatorCreate gradients for any project

home x-ray

pro

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

A full-window smart-home energy UI in black. An isometric cutaway of a one-floor home is drawn from tens of thousands of small points of light: walls with windows and doors, furniture and appliances. It builds up from its floor plan in a diagonal sweep while the live load counter climbs to the current total. Under the floor, wiring runs from the main panel in the hall to every device, and pulses travel along each wire at a speed that follows the device's power draw, white for light loads and amber over about 1 kW. Hover a room to highlight it and read its draw; click it and the camera moves in, its walls dissolve, its floor lights up and a glass panel lists its devices with live kW and a switch each. Switch a device off and its pulses slow and fade, its breaker lever drops and the totals count down (the air conditioners stop their airflow); switch it on and a pulse front runs out from the panel. Jump between rooms, or go back with Esc, the back link or a click on empty space. Phones and portrait tablets get a bottom sheet with the open room centred above it, and taps open rooms.

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

  • 3d scene
  • isometric cutaway
  • point cloud
  • room picking
  • camera zoom
  • animated wiring
  • live counters
  • toggle switches
  • glass panel
  • bottom sheet

stack

  • react
  • vite
  • typescript
  • three
  • webgl

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #050506
  • #F2F3F5
  • #FFB062
  • #E9EDF2

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