Widget builder

A live rank card for your stream or site. Style it, then add it to OBS as a browser source or embed it as an iframe.

search

Pick a player from the live board. The widget always loads their current standing, so it stays right after you add it.

2Customise
Shape
Values Tick to show, arrows to reorder
Elements
Auto-refresh

Keeps an OBS source current. The board only moves when Embark publishes new standings, so faster costs requests without showing anything new.

Preset
Theme
Background
Finish
visibilityLive preview
person_searchPick a playerTheir widget shows up here, live.
3Add it
open_in_new
  1. In OBS, add a Browser source and paste the URL.
  2. Set the size to —.
  3. Leave Custom CSS as it is: the background is already transparent around the card.
For any web page. The size matches the card.

A small .html for OBS's Local file option. It opens the hosted widget, so it keeps updating like the URL.

Every option is a plain query parameter on the widget URL: layout, theme, accent, bg, opacity, radius, width, scale, stats, refresh and the on/off flags. You can edit the link by hand, and old links keep working.