# Creating an HTML Panel Plugin

![](/files/JSc0niWwpJbU3yCmLJFi)

A panel-based plugin that displays an HTML page has a *manifest.json* file with the following structure:

```
{
    "PluginName": "Hello Block!",
    "PluginType": "Panel",
    "PluginDescription": "Creates a panel with an HTML form that allows dimensional input for a 3D block which will get generated at the world origin.",
    "Scripts": [
        "PLUGINLOCATION/block.js"
    ],
    "Panel": "PLUGINLOCATION/hello_block.html",
    "PanelIcon": "PLUGINLOCATION/hello_block.png"
}               
```

In addition to the [standard JSON properties](/plugins/how-to-develop-plugins/advanced-development/general-plugin-setup-in-the-manifest.md), a panel-based plugin includes these special JSON properties:

* "Panel" tells FormIt that this plugin is a panel, and links to the location of the HTML file that should be loaded in the panel.
* The HTML file will need links in the header to the appropriate JavaScript files, as well as to a CSS file for styling.
* The HTML file will render in the FormIt panel as it would in a browser.
* You can see examples of rich HTML interfaces in our [FormIt3D organization](https://github.com/FormIt3D/).
* "PanelIcon" defines an icon for this plugin to appear in the tab on the right side of the application. If undefined, FormIt creates an automatic icon using the initials from the name of the plugin.

Once your HTML, CSS, and JavaScript files are set up, you can begin testing your HTML panel plugin by [loading it or installing it](https://windows.help.formit.autodesk.com/plugins/how-to-develop-plugins/additional-development-options/pages/MlDAUGxi3bf7tv19xfhx#load-vs.-install).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://windows.help.formit.autodesk.com/plugins/how-to-develop-plugins/additional-development-options/creating-an-html-panel-plugin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.