Background

Esport Broadcasting Powerhouse

HUD Composer for CS2

With LHM Composer, you can build a custom HUD without writing a single line of code. With advanced, granular customization, you can control colors, patterns, borders, shapes, opacity, element sizes, and positioning. Everything is automatically saved to LHM Cloud. Thanks to the presets you can create and manage as many variants as you need.

Get started nowBook a Demo
HUD Composer for CS2 preview

Build, preview, and save custom CS2 HUD variants in LHM Cloud, accessible whenever you need them.

Live preview

When building a custom HUD in LHM Composer, you get a live preview as you work. Elements are animated with test data, so you can see how the HUD behaves across different scenarios and make sure it matches your needs.

HUD Composer live preview

With LHM Composer, you can build a custom HUD without writing a single line of code.

COMPOSER

Presets

Create as many HUDs, overlays, and variants as you need. Save each one as a separate preset, so you can switch between them anytime.

Everything is stored in LHM Cloud for your convenience.

HUD Composer presets

Choose from existing HUDs and assets

You can use components from all LHM HUDs, including Ultra, Sapphire, and Amber. Mix and match them freely, then adjust positioning, shapes, colors, and styles to fit your design.

If each HUD has elements you like, you can combine the best parts into a new custom HUD and keep everything consistent by defining a global layout and style.

HUD Composer components

Use your own assets

Upload your own patterns, images, and media to customize your HUD. Add your branding and logos to make your overlay stand out on Twitch and Kick.

Choose where the sponsor media needs to be.

Building a brand with HUD has never been easier.

HUD Composer custom assets

Customize radar to your liking

Radar is a core part of CS2. With Composer, you can control colors, opacity, auto-zoom, avatars, icons, and animations.

Match the radar to your HUD style while keeping key information instantly visible for viewers.

HUD Composer radar

Code, if you need it

If you want deeper customization, you can add custom CSS for individual elements. This gives you fine-grained control over styling and layout, so your HUD looks exactly the way you want.

As always, all saved in LHM Cloud.

HUD Composer custom CSS

Copy and iterate

Every HUD you create in Composer is saved as its own preset in LHM Cloud. Need a quick variation for replays? Duplicate the preset, tweak it, and save.

You'll now have two separate HUDs, ready to use whenever you need them.

HUD Composer copy and iterate

What you can customize with LHM Composer

Component Positioning
Move HUD elements freely and place them exactly where they should appear on screen.
Size and Scaling
Adjust component size to better fit your layout and broadcast proportions.
Visibility Control
Show or hide selected components depending on what you want included in the HUD.
Layer Order
Control which elements appear above others by adjusting their stacking order.
Styles and Colors
Customize the visual look with colors, fonts, borders, and style variants.
Custom Assets
Add your own graphics, sponsor images, background patterns, and selected animation assets.