Generators

Bootstrap Generators

Generators scaffold larger chunks of UI (for example, a data-driven table, a form, or pagination). You start them from the Components picker.

Components picker opened

The Components picker is the right place to start when you want Wappler to scaffold a more complex Bootstrap pattern for you. This step explains how generator-driven components differ from simple inserts and why choosing the correct starting tool saves time when the final component needs structure as well as styling.

Screenshot: Components picker openedClick to open the larger image

Components picker

The Components picker lets you browse by category and insert components and generators. This step matters because Components picker is part of Components Popup Root, and understanding that context makes the next action easier to repeat in your own project.

Screenshot: Components pickerClick to open the larger image

Generators category selected

The Generators category is now selected, showing the available generators. This step matters because Generators category selected is part of Components Popup Anchor Right, and understanding that context makes the next action easier to repeat in your own project.

tip: If you don’t see Bootstrap generators, make sure Bootstrap 5 is enabled for the page/frameworks.

Screenshot: Generators category selectedClick to open the larger image

Close the Components picker

This closes the Components picker so you can continue working in the editor. Start a focused tour from the Generators index to walk through a specific generator dialog.

Screenshot: Close the Components pickerClick to open the larger image

Next steps

Pick a focused generator tour, or return to the Bootstrap tours index.