Generator Options

Choose the separator type for the input list(s).


Choose your desired output HTML list type.


Add specific values or data attributes to your HTML list.

Edit Content

Input List

0 characters | 0 words

Element values

Attribute name

data-

Data values

ID List

Leave empty if you do not want to set IDs for any elements in list.

0 characters | 0 words

Classes List

Enter only one line to have all elements share the same class(es).

0 characters | 0 words

Element titles

Alternative texts

Width

Specify a width here to apply to all list items.

Height

Specify a height here to apply to all list items.

Define individual dimensions

Specify individual dimensions using the same separator type as the main list and use semicolon to separate width and height information.

0 characters | 0 words

HTML Output

More information

Quickly generate HTML elements using your provided text lists. Advanced functionality ensures precise control over the result and how your HTML elements are formatted, saving you massive time and improving workflow efficiency.


This tool can take in text lists such as data from Excel® spreadsheet columns, CSV, and even using your own custom separators. It can also be used to batch generate different HTML elements such as ordered and unordered lists, images, dropdown select, and more.


Advanced settings hidden under the "Settings" panel can also help you gain extra control in batch generation and changing the output to fit a specific style such as quotation marks, whitespace removal, as well as letter casing. Feel free to explore the more nifty bits of this tool to make the most out of it!