Preview & Export
Preview your border and get the OBS link
CSS Code (for developers)
Adding to OBS
- Configure your border settings above
- Click "Generate Link" to create your OBS URL
- Copy the URL to clipboard
- In OBS, add a new "Browser" source
- Paste the URL and set width/height to match
- Position the border layer above your webcam
Tips
Make sure the browser source dimensions match your border size. The background is transparent, so it will overlay perfectly on your webcam feed. Use the Fullscreen button to preview at actual size.
Features
Use Random to get inspiration, Pause to take screenshots, and Copy CSS if you want to use the styles in your own projects. The glow effect adds extra pop for streaming!
Privacy
Everything runs locally in your browser. No data is sent anywhere. The generated URL contains all settings as parameters.