Wappler documentation
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.
Use this hub when you are already inside HTML Editor and want the front-end learning paths that are actually built from here. It collects the core HTML Editor tours together with Bootstrap, App Connect, forms, themes, media, and page/layout hubs so you can branch out without leaving the editor context.
Start in HTML Editor
HTML Editor: Quick OverviewGet a quick overview of Html Editor: Main Toolbar and Design Toolbar.Design + CodeBrowse Design + Code tours: Overview, How To's, and Reference.Page PanelsBrowse Page Panels tours: Overview, How To's, and Reference.Selection PanelsBrowse Selection Panels tours: Overview, How To's, and Reference.
Build the front end
BootstrapBuild Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.App ConnectYour guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.Forms and validationBuild forms, validate inputs, submit data and handle success or errors.Pages and LayoutsStart here to learn how pages and layouts fit in your workflow, then move into Pages Manager, the HTML Editor, and concrete page patterns.
Style, media, and richer UI
CSS PanelUse the CSS panel to inspect, create, and organize project styles without losing sight of where the real CSS lives.Theme ManagerExplore Theme Manager: Theme Manager tours and Design Framework.Media, Galleries and EffectsA Wappler learning hub for media-heavy pages, covering focused component tours for lightbox, masonry, lazy loading, slideshow, Swiper, background video, and image parallax.Front-End Input WidgetsA learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.Assets Manager OverviewA quick orientation to Assets Manager so you can understand reusable assets, media handling, and the bridge between files and UI resources.
Logic and related hubs
Front-End Logic and FlowsA learning hub for client-side orchestration in Wappler: App Connect flows, page-level server events, and simple stateful UI logic.Front-End ComponentsStart here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.