Hello everyone!
I want to share a free tool I created for streamers called Kyoto. It is a lightweight, highly customizable clock overlay designed specifically as a Browser Source for OBS Studio.
I noticed a lot of people looking for a simple way to add a clock to their stream without heavy plugins or software, so I built this using purely vanilla web technologies. You do not even need a backend server to run it.
Key Features:
The full source code is available on GitHub: https://github.com/grovixlab/kyoto
I would love to hear your feedback or any suggestions for new features!
I want to share a free tool I created for streamers called Kyoto. It is a lightweight, highly customizable clock overlay designed specifically as a Browser Source for OBS Studio.
I noticed a lot of people looking for a simple way to add a clock to their stream without heavy plugins or software, so I built this using purely vanilla web technologies. You do not even need a backend server to run it.
Key Features:
- Interactive Configuration Dashboard: You can customize your overlay through a clean web interface and see a live preview.
- Customizable Appearance: You can change themes between Glassmorphism, Cyberpunk Neon, Minimal White, or Custom Solid Color. You can also easily adjust fonts, colors, background, border radius, and scaling.
- Component Toggles: You can independently show or hide the hours, minutes, seconds, AM/PM, and the date.
- Custom CSS Injection: Advanced users can write raw CSS directly in the dashboard to perfectly match stream branding.
- Easy to Use: Once you are happy with the live preview, simply click "Generate & Copy URL" and paste that directly into a new OBS Browser Source.
The full source code is available on GitHub: https://github.com/grovixlab/kyoto
I would love to hear your feedback or any suggestions for new features!