"HTML User Interface" HUI Panel Creator

Large Panel Box

Panel Text

Startup defaults use the last values saved in this browser. On first run: Text Size 18, Bold ON, Text Color Black, Panel Width 1200 px, and Panel Height 600 px.

Text Size:

10 12 14 16 18

Bold

Text Color:

Black Blue Red

Panel Width 1200 px

Panel Min Height 600 px

Content Boxes

Content Type

Array Layout

Box Width 360 px

Box Height 250 px

Box Gap 18 px

Image Grid Top Offset px

Use a negative value (for example -10 or -20) to move all content images closer to the top of the panel. Use a positive value to move them lower.

Padding-Text Top px

Padding-Text Bottom px

Table Rows Max 8

Table Columns Max 10

Cell Height 38 px

Cell Width 110 px

Table mode replaces the content-box array. Click any table cell in the preview and type directly. Maximum table size is 8 rows × 10 columns.

Text Size:

10 12 14 16 18

Bold

Text Color:

Black Red Blue

Text Size, Bold, and Text Color apply globally to content-box captions or table cells. In Array mode, all content boxes remain the same size and automatically centered. Padding-Text Top and Padding-Text Bottom apply to text below content boxes only.

Selected Content Box

Text Below Box

Load Content Box Image

Image Fit

Click a content box in the preview, then choose an image file. Each box can contain a different image.

Browse & Load

Browse & Load Panel HTML

Select a Panel HTML file previously saved by HUI Panel Creator.

Text below each content box is always enabled. The exported HTML embeds loaded images directly into the file. Export Panel JPEG saves the current finished panel preview as a JPEG image.

LIVE PANEL PREVIEW