Extension Builder

Build your extension package visually, then download the JSON file to upload to your app.

Build Themes on a Test Board

For the best theme development experience, we recommend building and testing your theme directly on a real forum. This gives you a live, accurate preview of how your theme will look and behave.

Recommended workflow

1 Create a development board — a private forum to use as your development environment.
2 Use the Theme Editor — go to ACP → Appearance → Theme to customise colours, fonts, and layout with a live preview of your actual forum.
3 Add Custom CSS — for advanced styling, use the Custom CSS editor in the theme settings to fine-tune your design.
4 Export your theme — once you're happy with the result, export it as a package from the admin panel and upload it as a developer app.

Create a Test Board Read the Docs

Basic Info

Widget Name

Description

HTML Template

Use {{ variable }} for escaped output and {{{ variable }}} for raw HTML.

Widget CSS (optional)

Settings Schema

Each setting becomes a configurable field that board admins can fill in. The key is used as the template variable name.

Allowed Areas (optional, leave empty for all areas)

Preview

Package JSON

Basic Info

Script Name

Description

Injection Location

JavaScript

Use the ForumSpark JS SDK to interact with the page. Listen for forumspark:init to ensure the SDK is ready.

CSS (optional)

Security Scan

Client-side preview of the automated security checks run on submission.