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
Space Template
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
Space Dimensions
2,500 sq ft
Small spaces welcome — a 20 × 8.5 ft container is just 170 sq ft
Use Cases
Requirement Targets
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.
Auto-Designed Builds
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.
Component Slots
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
-
CPU
-
PSU
-
Cooling
-
PoE Switch
-
UPS
-
Testing Time
-