Colors

Click a piece below, or directly on the preview.

Editing state

Idle at rest, Pressed while held. The colours below edit the selected one.

Invert colours automatically when pressed

Replace a visual instead of tinting it.

Custom part styles

Your own shape, framed, on the button you choose.

Button & joystick effects

Apply a finish to buttons or joysticks. Idle and Pressed are independent.

Part Editing state Effect Effect colour

Light strips

Glowing lines along the shell. Off by default — pick a material to switch one on.

Drop a logo on the controller and place it freely.

Element appearance

Add or select an image below to adjust its appearance.

Custom images

PNG, JPG or WebP · 300 KB max. Transparency is kept. You can also paste an image with Ctrl+V.

Up to 5 text zones, dragged into place on the controller.

Text zones

Custom font

WOFF2, WOFF, TTF or OTF · 500 KB. It travels with the design.

An animated layer cut to your controller’s shape.

Your own animation

WebM · 5 MB · 10 s. Transparent background, seamless loop.

Animated layer

No clip published yet — check back soon.

What sits behind the controller in your streaming software.

Source background

Keep an image next to your controller while you design. It stays on this device and is never added to your overlay.

Reference image

Any image file. Choose one or drop it here and it opens in its own panel.

How the controller reads on screen. Your game receives nothing different.

Live input

No controller detected — press any button on yours.

Sticks

Stick travel5

How far the sticks move on screen.

Dead zones

Percent of full travel. Min ignores drift at rest, Max counts as fully pushed early.

Min Max Left stick % % Right stick % %

0 and 100 leave the stick untouched.

Trigger fill

A trigger that switches in one block only shows that it is held. Filled, it shows for how long.

Worth it for mechanical games — Rocket League and the like.

Fill L2 and R2 while held

PADCRAFT support

A short animation next to your overlay after 20 seconds idle. It never covers the controller.

Show the support animation

Exactly what your browser source shows once the link is in OBS.

Output preview

The stage on the right is now showing the real output: transparent background, no labels, nothing but your controller. The checkerboard marks the transparent area — OBS shows your scene through it.

Background is transparent, so your gameplay shows through.
Nothing else is drawn — no watermark, no status text.
Your controller keeps reacting live while you look at it.

Happy with it? Use Generate link at the top, then paste that link into a Browser source in OBS, Streamlabs or any other software.

PS5 Black

Press any button to connect

Browser source output · transparent background

Loading components…

Adjust your image

Move and zoom to fit the shell shape.

Zoom100%

Rotation0°

Drag outside the frame to move the image. Scroll to zoom where the pointer is. Arrow keys nudge by one pixel, Shift by ten.