Click buttons/stick to select.
Use arrow keys to move selected buttons/stick px at a time.

To swap button locations, select two buttons and click Select exactly 2 buttons and press this button to swap Swap selected Buttons

Click buttons to delete them.

Provide a URL for a A properly formatted image just needs to have the unpressed button above the pressed button. The unpressed version is taken by cropping a square from the top of the image and the unpressed version does is from the bottom. The width/height of the square are just the width of the image.properly formatted image. Then click a button to make it into that image.

You can also right-click buttons/stick to fill the URL in with them.

Preview (alternates between unpressed and pressed if set up properly):

× Error: No image found at the provided URL.

Choose a size for the buttons to change to, then click them to make them that size.

Provide a URL for a A properly formatted stick example: properly formatted image. Then click a button to replace it with your stick.

Preview:

× Error: No image found at the provided URL.

Provide an image url in the box below to be the background.

Put your CSS in the text box below and then press Import CSS .

Click here for Youtube video for how to use all features.
1. Select a base layout using the button above.
2. Click to copyClick here to copy the URL for the currently selected base layout. Then in OBS, click the + in sources to add source. Select "Browser" type Then paste it into the URL box.
3. Change the width to 1500 and height to 800.
4. Press OK and make sure it works.
5. At the top of this page, select actions to edit your layout.
6. When you have a layout you like, click "copy code to clipboard".
7. Right-click your browser source in OBS and open Properties. Replace the text in the "Custom CSS" dialog box with your text (ctrl+a, ctrl+v to select all and paste).
8. Press OK and you're done!