There are two types of extensions. Depending on what of extension you're creating, the folder structure may differ. The following files are always present, regardless of what type of extension you're creating:

• params.json
• splash.html
• splash.jpg
• thumbnail.jpg

The purpose of this file is to tell Mobirise what the name of the extension is, the description, the version of the extension and what logo to use. If you want to know more about this file, check out the params.json page.

This file contains the contents of what a user sees when the extension has been installed succesfully.

In most cases, the splash.html file contains an img-tag that points to an image. This image is displayed when the extension has been installed succesfully. The name of said image does not have to be splash.jpg, but it's very common to do so. It may as well be named extension.png. As you can see, it may as well be a PNG file.

Just like the splash.jpg file, the thumbnail.jpg does not have to be named this way. You can call it whatever you like, as long as you're referring to this file through the params.json file.

An App Extension has all the files as described above, plus an additional app.js file. That file contains all the code required for that extension.

A Componend Extension comes with one or more components. In most cases these are additional blocks a user can drag onto his website. The file and folder structure looks like this:

• component_directory
  • component.js
  • template.html
  • thumb.png

This is a directory that holds all component files. You can name this directory however you like, as long as it's referred to by the params.json file.

A component.js file contains all the code that's required for the component to work. It also contains all the parameters a user can set through the gear icon of a block. If you wish to know more about this file, check out the component.js page.

The template.html file contains all the HTML to display the block inside Mobirise, but also when the website is previewed/published.

The thumb.png file is the image that's used in the blocks sidebar, from where you drag blocks onto your website.