Skip to content

HTML Editor

Browse HTML Editor tours: Quick Overview, Design + Code, and Page Panels.

Back to Bootstrap

HTML Editor

Browse HTML Editor tours: Quick Overview, Design + Code, and Page Panels.

This menu lists the HTML Editor tours and the front-end learning paths that are easiest to approach from inside the editor. Use it to start with Quick Overview, then branch into the dedicated HTML Editor front-end hub or the related Bootstrap, App Connect, and media families.

Getting started

Getting started

HTML Editor: Quick Overview

Get a quick overview of Html Editor: Main Toolbar and Design Toolbar.

Browse Design + Code tours: Overview, How To's, and Reference.

Panels

Browse Page Panels tours: Overview, How To's, and Reference.

Selection Panels

Browse Selection Panels tours: Overview, How To's, and Reference.

Front-end from HTML Editor

HTML Editor: Front-End Learning

HTML Editor front-end hub linking the editor tours with Bootstrap, App Connect, forms, themes, media, and page/layout paths.

Front-End Components

Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.

Media, Galleries and Effects

A Wappler learning hub for media-heavy pages, covering focused component tours for lightbox, masonry, lazy loading, slideshow, Swiper, background video, and image parallax.

Related families

Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.

Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.

Go to

Browse Forms tours: Quick Overview, Validation, and Multi-Step.

Wappler Docs Index

Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.