System Designer

Start from a template or upload your own floor plan (rendered entirely in your browser), auto-design a complete PC-builder-grade system, and test it against your requirements — including a worked 20-ft container kitchen build

1

Your Requirements

Start from a template or your own dimensions, choose your use cases, and set the targets your design will be tested against

Custom Space
Canvas: Blank
Dimensions: Your own
Default
Container Kitchen — Curry Creations 20ft
Size: 20 × 8.5 ft (170 sq ft)
Includes: Floor plan + 5-camera system
Complete Worked Example
Small Cafe
Size: 32 × 25 ft (~800 sq ft)
Includes: Room outline only
Retail Store
Size: 50 × 50 ft (~2,500 sq ft)
Includes: Room outline only
Upload Your Floor Plan
Formats: PDF, PNG, JPG, WebP
Privacy: Never leaves your browser
Processed Locally
2,500 sq ft
Small spaces welcome — a 20 × 8.5 ft container is just 170 sq ft
2

Store Layout & Camera Placement

Design your store layout and place cameras to visualize coverage

Standard (90°)
Field of View: 90°
Coverage: Medium
Most Common
Wide Angle (110°)
Field of View: 110°
Coverage: Large
Better Coverage
Panoramic (180°)
Field of View: 180°
Coverage: Maximum
Premium
Narrow (60°)
Field of View: 60°
Coverage: Focused
Specialized
Camera Coverage
Uncovered Area
Camera Position
Coverage
0%
Cameras Placed
0
Covered Area
0 sq ft
Blind Spots
100%

Instructions:

  • Select: tap an item to select it, drag to move, drag the square handles to resize equipment, drag the green dot to aim a camera, double-tap to rename. The panel on the right edits exact positions in ft-in
  • Walls: tap to start a wall, tap again for each segment (lengths shown live), double-tap or press Esc to finish. Walls block camera coverage
  • Equipment: pick a type from the palette, then tap the canvas to place it
  • Cameras: tap to place a camera (keep dragging before release to aim it); pick the FOV type above. New cameras tilt down automatically for the best floor view — fine-tune Tilt and Mount height in the panel, and the selected camera shows its true floor footprint
  • Undo/Redo from the toolbar or Cmd/Ctrl-Z; Delete removes the selected item
  • Blue areas = covered, dark areas = uncovered; coverage is measured inside the room and honestly blocked by walls
  • Pick a Space Template in Step 1 — the Container Kitchen preset loads a fully editable kitchen with a tuned 5-camera system. "Clear Cameras" keeps the floor plan; "Reset Layout" clears everything
  • Upload your own floor plan (PDF or image) in Step 1 — it renders behind your layout, entirely in your browser. Confirm your real Length/Width so coverage is computed to scale
3

Select Camera Model

Choose state-of-the-art AI cameras

5
4

Performance Settings

FPS and resolution compatible with your camera

30 FPS
Quality: Standard
Use Case: General Monitoring
Recommended
60 FPS
Quality: Premium
Use Case: High Traffic Areas
+50% GPU Load
5

Your Complete Build

Every component of the system, PC-builder style — auto-designed from your requirements or hand-picked part by part. Only compatible options are selectable.

Click "Design My System" (here or in Step 1) to generate three complete builds — Best Value, Balanced, and Performance — from your current requirements and layout.
6

Test Your Requirements

Check this design against the targets and use cases you set in Step 1

Your System

$0
Cameras Not selected
GPU Not selected
Performance 30 FPS @ 1080p
Coverage 0 sq ft
System RAM -
Storage -
Power Draw -
Monthly Electric -