Studio
Setup & size
px
px
px
Rounded rectangle: enter an exact radius or use the slider.
Size Presets
Media
Tick the usage confirmation first. Then choose a file or drag & drop an image, GIF, MP4, or WEBM here. After loading, drag the media directly inside the preview to reposition it.
%
%
%
%
Panels to create
Select panel types
Check the panels you need, edit each one from the Editing panel dropdown, then download all selected panels as one ZIP.
Style preset
Background
%
Uploads stay in this browser tab only. Use only media you are allowed to use.
%
%
%
Icon / Logo
Upload a real icon, logo, badge, or image. It starts in a small square; resize and rotate it manually.
px square
X%
Y%
%
°
Text & content
px
px
X%
Y%
X%
Y%
px
line
px
line
px
glow
px
glow
Project
Project files are local JSON exports so the panel set can be loaded again later. No automatic saving is used.
Frame
px
Animation
Choose Full line for a static frame, One line + one gap for one moving gap, or Two lines for two independently coloured/directed frame lines, each with one moving gap.
%
%
s
%
Live Preview
OBS Browser Source size: 1280 × 720 pixels
Frame downloads HTML for OBS. Media Frame offers HTML plus PNG when static. GIF is disabled in this build.
