📸 Take a screenshot to save this view
📷

Camera access needed

Allow camera permission to overlay AR-LO fan models on your room. Works in Safari (iOS) and Chrome (Android).

Add Fan Photos

Follow these steps to add real product photos to the visualizer. No coding needed.

1
Prepare your photo
Take a product photo of the fan against a white or plain background. Then remove the background at remove.bg (free). Download as PNG with transparent background.
2
Upload to Bluehost
Log into Bluehost → cPanel → File Manager. Navigate to your website folder and open the fans/ folder. Upload your PNG there. Name it simply, e.g.:
fans/fan-004.png
3
Edit fans.json
In File Manager, open fans.json and add a new entry. Copy an existing line and change the id, name, and file path:
{ "id": "fan-004", "name": "Your Fan Name", "file": "fans/fan-004.png", "size": 260 }
Size is the default overlay size in pixels. 220–300 works well for most fans.
4
Save and refresh
Save fans.json in File Manager. Reload the visualizer page — your fan appears in the selector immediately for everyone.
Tip: fans.json controls everything. To rename a fan, change "name". To remove one, delete its entry. To reorder, move entries up or down in the list.

Current fan models

Green = real photo loaded · Grey = using placeholder

Choose a fan model
90%