Wappler documentation
Front-End Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
Use this hub when you are shaping the UI side of Wappler. Start with layout and components, then branch into forms, App Connect, themes, and front-end reference areas.
Start here
BootstrapBuild Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.Quick OverviewGet a quick overview of Forms: what it is, where to find it, and how it fits in your workflow.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.
Refine and expand
HTML Editor: Front-End LearningHTML Editor front-end hub linking the editor tours with Bootstrap, App Connect, forms, themes, media, and page/layout paths.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 Input WidgetsA learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.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.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.Assets Manager OverviewA quick orientation to Assets Manager so you can understand reusable assets, media handling, and the bridge between files and UI resources.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.
Reference hubs
Component referenceChoose the component library, then look up its settings, bindings and actions.Web components and Bootstrap 5Find settings for App Connect components, HTML elements, Bootstrap 5 layouts and starter blocks.Framework7 and device componentsFind Framework7 8 UI settings, mobile layouts and Capacitor device components.