How to add a webcam border to your stream

A plain rectangle of webcam is the fastest tell of a default OBS setup. A border fixes that in one toggle: pick one of 11 lightweight CSS-first frames, recolor it to your brand, and drag the region over your cam — it draws on your overlay above the camera, holds all stream, and barely touches your GPU. Here is how to build one, on the real panel and the real overlay.

5 steps ~4 minBeginner Updated July 2026

You set it up here

It lands here — the real overlay

Manual
LIVE👁 1,248
Your cam

What you’ll build

A branded frame around your webcam — or any region of your stream, or the whole canvas — in your colors, toggled from one deck key and light enough to leave on all session.

Step by step

  1. 1

    Add your Kloot overlay to OBS (once)

    Paste your single Kloot overlay URL into one Browser source in OBS and size it to your canvas. That one source powers your borders and every other Kloot tool — you never add another browser source.

    Already have Kloot in OBS from another tool? Skip this — borders ride the source you already added.

  2. 2

    Pick a frame style

    Open the Borders tool and choose from 11 frames across minimal, neon, elegant, gaming, and esports — Thin Line, Frosted Glass, Blue Glow, Cyber HUD, Tournament, and more. Every tile in the gallery is the real CSS frame, so what you pick is what renders on stream.

    A border is on screen all stream — calm frames (Thin Line, Frosted Glass, Blue Glow) wear best. Save Tournament and the pulsing LIVE Badge for event nights.

  3. 3

    Choose what you’re framing — and drag it over your cam

    Pick the target: Webcam (a rectangle — the default), Round cam (a circle), or Whole screen. For a localized frame, drag and resize the region right on the editor preview until it sits over your camera. It saves in % of the canvas, so it lands in exactly the same spot on stream.

    The border never captures or moves your webcam — it draws a frame on the overlay above your cam source. Size the region a touch larger than the cam so no raw edges peek out.

  4. 4

    Recolor it to your brand

    One primary color drives the frame — set it and you’re done. Under Customize you can also tune the secondary and accent colors, drop the opacity (10–100%), or turn Glow & fill off for just the clean structural outline.

    Not sure? Reset to the frame’s default colors anytime — every template ships with a palette that already works.

  5. 5

    Toggle it on — and leave it on

    The border gets a deck key: one press on, one press off, from your browser or your phone. The frames are CSS-first and light on your GPU, so it can hold all stream — and you can keep up to five borders saved (everyday cam frame, event frame, LIVE badge) with their own regions and colors.

    Swap styles live between segments: pick a different frame in the panel and save — the overlay updates in place, no OBS touch.

How a border runs, live

It’s the lowest-effort tool on the deck — one toggle on, then it just wears. Here’s the whole loop, and what each side sees.

  1. You toggle it· step 1

    Press On — the frame fades in

    One deck key toggles the border. It fades in exactly where you dragged the region in the editor — around your cam, a screen region, or the whole canvas. Your webcam itself never moves; the frame draws on the overlay above it.

    You: Press On
    Overlay: Frame fades in over the cam
    Viewers: Scene instantly reads branded
  2. It holds· step 2

    It holds all stream — a vibe layer

    A border is set-and-forget: no timer, no auto-hide, nothing to babysit. The frames are CSS-first and light on your GPU, so leaving one up for a whole session costs you nothing.

    You: Nothing — keep playing
    Overlay: Holds steady, no flicker
    Viewers: A cam that looks produced
  3. Live swap· step 3

    Swap the style for the scene

    Blue Glow for the chill segment, Tournament for scrims, the pulsing LIVE Badge for a hype beat — pick a different frame in the panel and save. The overlay updates in place, no OBS touch.

    You: Pick a new frame + save
    Overlay: Style updates in place
    Viewers: The scene shifts mood with you
  4. You clear it· step 4

    Press again to hide

    The same key toggles it off with a fade. You can keep up to five borders saved — the everyday cam frame, an event frame, a LIVE badge — each with its own region and colors, one press away next stream.

    You: Press Off
    Overlay: Fades back out
    Viewers: Clean scene again

When a border earns its place

A border is the quiet branding layer — it never fires, it just makes the scene read produced. Where it pays off:

Frame your facecam — the classic

When: Every gameplay stream where the cam is a plain rectangle floating on the scene.

Why it works: A recolored frame is the cheapest “this channel has a brand” signal there is — one drag over the cam, on all stream, zero GPU cost.

Esports & tournament looks

When: Scrims, tournament nights, watch parties — moments that should read competitive.

Why it works: The Tournament and Cyber HUD frames around the gameplay region (or the whole screen) give a broadcast-package look without rebuilding your OBS scenes.

Circle spotlight on a region

When: You want eyes on one spot — a map corner, a reveal you’re teasing, a reaction cam.

Why it works: A circle border draws the eye like a highlighter. Clean glow and ring styles render as true circles; drag it anywhere on the canvas.

Full-screen for themed streams

When: Sub-a-thons, holiday specials, charity events — the whole stream is the occasion.

Why it works: Whole-screen mode frames the entire canvas edge-to-edge in the event’s colors, and one key clears it the moment the night is over.

The frame styles you can run

A neon glow, frosted glass, a cyber HUD, a pulsing LIVE badge — every preview below is the real border renderer, recolorable to your brand.

neon · Blue Glow
your cam feed

Blue Glow — the neon cam frame

A steady electric-blue glow — neon presence without the flicker.

The everyday facecam frame for a gaming stream: it reads “produced” from any screen size, and because the glow is steady (never strobing), it wears well for a whole session.

One key toggles it — leave it on all stream
minimal · Frosted Glass
your cam feed

Frosted Glass — the clean minimal

A translucent glass edge with a soft highlight — barely there, unmistakably styled.

Art, music, and just-chatting streams where a loud frame would fight the content. It adds polish without adding noise — and it renders as a true circle for round cams.

Circle-capable — works on a round cam too
gaming · Cyber HUD
your cam feed

Cyber HUD — the futuristic corners

Fixed-pixel HUD brackets that never warp, whatever shape your cam is.

Sci-fi and FPS scenes: the cyan-and-magenta brackets read like part of the game’s own HUD. The corners are drawn at a fixed pixel size, so a tall cam or a wide region never stretches them.

Rectangle + full-screen only — can’t be a circle
esports · LIVE Badge
your cam feed

LIVE Badge — the animated moment frame

The one intentionally-animated frame: a pulsing LIVE dot for hype beats.

Toggle it on when the run starts, the raid lands, or the final map begins — the pulsing dot signals “this is the moment” — then toggle back to your everyday frame after.

On for the hype beat, off after

Where it lands on your stream

Rectangle is the default — drag it over your cam or any region. Circle spotlights a spot; whole-screen frames the entire canvas.

Your stream · OBS output
LIVE
Your cam
Rectangle: drag it over your cam or any region Full-screen and circle modes for the whole canvas or a spotlight

Common mistakes to avoid

  • Sizing the region smaller than your cam, so raw edges peek out around the frame — drag it a touch larger than the camera on every side.
  • Picking a loud frame for everyday use. A border is on screen all stream — calm styles wear best; save the pulsing LIVE Badge for actual hype moments.
  • Moving or resizing your cam in OBS and forgetting the frame — the border draws above your cam, it doesn’t follow it. Re-drag the region after any scene rearrange.
  • Adding a second OBS browser source for the border. One Kloot URL already carries it — a duplicate just stacks overlays.

Frequently asked

Does the border move or capture my webcam?

No. The border draws a frame on the Kloot overlay above your cam source — your webcam itself never changes. You drag the region over where the cam sits, and if you later move or resize the cam in OBS, you re-drag the region to match.

Can I frame something other than my webcam?

Yes — the region is free-form. Frame the gameplay area for a tournament look, a scoreboard, a chat box, or drop a circle spotlight on any part of the screen. Whole-screen mode frames the entire canvas edge-to-edge.

Why can’t some frames be a circle?

Frames built from corner brackets, HUD marks, or bars assume rectangular edges, so they’re limited to rectangle and whole-screen. Clean strokes, glows, and rings — Thin Line, Soft Round, Frosted Glass, Solid Block, Blue Glow, Soft Glow, Gold Frame — render as true circles, and the editor greys out invalid pairings so you can never save one.

Will an always-on border lag my stream?

No — the frames are CSS-first (no video files, no heavy images), so they’re easy on your GPU and encoder. That’s the point: a border is designed to stay on for the whole session.

Can I upload my own frame?

Yes — custom PNG/WebP frames (up to 10MB) are a Pro feature, with scale and position controls to line your artwork up with the region. The 11 built-in templates and full recoloring are on Creator.

Which plan includes borders?

Borders are on the Creator plan ($15/mo) and up, alongside polls, alerts, lower thirds, tickers, and counters — with no watermark. Custom frame uploads need Pro.

Frame it once.
Wear it every stream.

Eleven frames, your colors, one key to toggle — and light enough to leave on all session. Borders are on Creator, with no watermark.

Start free

Free plan · Creator $15/mo · Pro $25/mo · Event Pass $9 for 3 days