nanja素材 > Simple OBS Design #01

Simple OBS Design #01: Live Demo

Press a scene button and the actual stinger transition plays as the screen switches — right here in your browser. You can also change the transition style and switch to the vertical (Shorts / portrait) layout.

SCENE
TRANSITION
ORIENTATION
まもなくはじまるよ
STARTING SOON
Playing Mario Kart
CHAT
きゅうけいちゅう ☕
BE RIGHT BACK
おつかれさまでした!
THANKS FOR WATCHING

* This demo is a simplified, low-resolution version with a SAMPLE watermark. The full kit is Full HD (1920x1080 / 1080x1920) with no watermark and more detailed animations. The large Japanese text on each screen is plain HTML/CSS — easy to edit into any language with a text editor (main spots are marked with comments in the files).

Stinger Transitions

Hover to play. The checkered area is transparent (alpha webm), so the transition overlays your stream scene directly in OBS.

Warm striped diagonal wipeHover to play (1.5s)
Patchwork diamond burstHover to play (1.5s)
Zigzag paper curtainHover to play (1.5s)
What's Included
  • 8 HTML overlaysStarting, 3 gameplay layouts, break & ending screens + 2 vertical layouts. Just add as an OBS Browser Source
  • 6 stinger transitions3 landscape + 3 vertical (transparent webm, 1.5s each)
  • OBS scene collections (landscape & vertical)Import once — every scene, source and transition is pre-configured
  • Custom chat CSS for Twitch / YouTubeMake your chat box match the kit
  • Vertical streaming profile1080x1920 preset for Shorts / portrait streams
  • Setup guide (English)Two imports and a capture-device selection — that's it
  • Free to use in monetized streamsNo credit required. Reselling or redistributing the files themselves is not allowed
Get This Kit
DIGITAL DOWNLOAD

Etsy

This kit will be available as an instant digital download on Etsy. The Etsy listing is being prepared — check back soon.

Coming soon on Etsy

* All purchases are handled on Etsy. This site does not collect any personal information.