There are a few different ways of customizing your Module's CSS, each with their pros and cons.

Template File

CastHub Modules can supply a Template HTML File which can include CSS inside of it. This is the easiest way to include and manage CSS in a CastHub Module. You can read the Documentation here.

Embedded in JavaScript

A lower-level method of adding CSS to your Module is via the css property within your Module. For example:

module.exports = class extends window.casthub.module {

     * Initialize the new Module.
    constructor() {

        // Set the CSS for the Module.
        this.css = `
            .module {
                display: flex;



A combination of a build process and the previous in-module CSS, you can use a build process like Rollup to export a Module that pre-imports the required CSS/SCSS/LESS/etc. file. For more information on this, check out our Boilerplate Documentation.