overlays

Cyberpunk HUD Stream Overlay

About this asset

A futuristic HUD overlay with modular panels for subscribers, donors, and chat. Features animated scan lines, pulsing glow effects, and circuit board aesthetics.

Technical Details

1920x1080
6s
0 likes

Live Configuration Preview

Try customizing this asset. Changes will update the preview instantly.

Text Content

The technical header for the sidebar chat area

Label for the recent subscriber data module

Label for the top donator data module

Colors

The charcoal gunmetal color used for solid HUD plates

The ultraviolet emissive color for frames and pinstriping

The electric cyan color for technical pips and scan lines

The color of the uppercase technical text

Layout

Size of the UI indicator text in pixels

1236

Width of the right-hand chat panel in pixels

250500

Vertical thickness of the top metric bars

48100

The size of the industrial angled corners

060

Border & Shadow

Adds a soft glow aura behind the primary frame

Toggles the moving horizontal scanning interference

Enables the breathing emissive animation for accents

Motion

Toggles all looping background animations

Strength of scan line opacity and glow pulsing

02

Ready to use your customized asset?

Sign up to save this configured asset to your workspace, generate your high-quality video, and download it for free!

Export to WebM or ProRes True alpha transparency Store unlimited assets

How to use this asset and frequently asked questions

Shared
How to use this asset+

This 1920x1080 transparent video asset is 6 seconds long and exports in WebM (with alpha channel) and ProRes 4444 formats.

Premiere Pro: Place on a track above your footage. For luminous or light-leak effects, set the Blend Mode to Screen or Add in Effect Controls. For opaque decorative overlays, keep it at Normal.

DaVinci Resolve: Drop on a track above footage in the Edit page. Set Composite Mode in the Inspector to Screen for glowing overlays or Normal for opaque frames.

Final Cut Pro: Add above your primary storyline. Use the Inspector > Compositing section to set the blend mode. Adjust Opacity to taste.

CapCut: Add as an overlay layer. Use the blend mode picker in the overlay toolbar — try Screen for light effects, Normal for decorative overlays.

OBS Studio: Add as a Media Source and layer above your scene sources. WebM alpha transparency means no chroma key needed — the overlay sits cleanly above your content.

Tips

  • Use 50–80% opacity for decorative overlays to add texture without overpowering your subject.
  • Match the overlay color temperature to your footage — warm overlays work better with warm footage, cool with cool.
  • Screen blend mode is ideal for fire, light leaks, and energy effects. Normal blend mode works best for opaque frames and borders.
Frequently asked questions+

How do I get transparency to work in OBS?

WebM with alpha channel works natively in OBS as a Media Source. No chroma key or plugin required — just add the file and the transparency is automatic.

Can I use these overlays for Twitch streaming?

Yes. Add the WebM as a Media Source in OBS or Streamlabs and layer it above your game capture or webcam source.

Can I combine overlays with color grading?

Yes — place the overlay above your color-graded footage layer. The blend mode and opacity stack on top of your grade.

Is this asset free to use?

Yes, all community assets on Video Effect Vibe are free to download and use in your video projects.

Can I customize this asset?

Use the live configuration above to preview changes, then sign up for a free account to add this asset to your workspace. From there you can edit colors, text, timing, and other properties before rendering.

What formats are available?

This asset supports WebM with alpha channel and ProRes 4444. Both include true transparency for clean compositing in your timeline.

More Overlays Assets

Back to Community Assets
Cyberpunk HUD Stream Overlay - Free Video Asset | Video Effect Vibe