# HypeRate Widget Designer
> Free heart rate widget customization tool for streamers. Design custom overlays for OBS Studio, Streamlabs, and other streaming software.

## About
HypeRate Widget Designer is a free, browser-based tool for customizing real-time heart rate display widgets for live streaming. Streamers on Twitch, YouTube, and TikTok Live use it to design heart rate overlays that embed directly into OBS Studio, Streamlabs, or any streaming software supporting browser sources.

The tool is built and maintained by HypeRate — a platform that connects wearable heart rate monitors (Apple Watch, Garmin, Polar, Wahoo, and more) to live stream overlays.

## Features
- Drag-and-drop visual editor
- 100+ pre-designed widget templates
- Custom heart icon colors, sizes, and 30+ heart shapes
- Multiple animation types: pulse, bounce, spin, and more
- 20+ font choices including pixel and retro styles
- Real-time heart rate graph view
- BPM-based color thresholds
- Transparent overlay mode for clean stream integration
- OBS-ready URL generation with all settings encoded in the link

## How to Use
1. Visit https://designer.hyperate.io
2. Enter your HypeRate Device ID in Device Controls and click Connect
3. Choose Standard (heart + BPM number) or Graph view
4. Customize colors, fonts, sizes, and animation
5. Copy the generated URL from the OBS URL panel
6. In OBS Studio, add a new Browser Source and paste the URL

## FAQ
- Q: Is it free? A: Yes, completely free with no subscription required.
- Q: Does it work with OBS? A: Yes — it generates a browser source URL for OBS, Streamlabs, and XSplit.
- Q: What devices are supported? A: Apple Watch, Wear OS, Garmin, Polar, Fitbit, Amazfit, Wahoo, and any device supported by the HypeRate mobile app.
- Q: Do I need design experience? A: No — the drag-and-drop interface is designed for anyone.
- Q: Can I rearrange the layout? A: Yes — drag components in the preview; the layout is saved in the generated URL.
- Q: Is there a transparent mode? A: Yes — the display view renders without background chrome, perfect for overlays.

## Links
- Homepage: https://designer.hyperate.io
- Parent service: https://hyperate.io
- AI summary: https://designer.hyperate.io/ai/summary.json
- AI FAQ: https://designer.hyperate.io/ai/faq.json
- AI service: https://designer.hyperate.io/ai/service.json
- LinkedIn: https://www.linkedin.com/company/hyperate-io/
- GitHub (WebSocket API): https://github.com/alexholzreiter/HypeRate-Websocket-API
- Terms: https://www.iubenda.com/terms-and-conditions/74477999
- Privacy: https://www.iubenda.com/privacy-policy/74477999
- Sitemap: https://designer.hyperate.io/sitemap.xml