Front-End Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
Build the Front End
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.
Choose a front-end area
Section titled “Choose a front-end area”Start with layout and components, then branch into forms, interactivity, themes, and reference.
Start here
Bootstrap
Build Bootstrap pages in Wappler: add the framework, use the grid, drop components, and style with utilities and generators.
Quick Overview
Get a quick overview of Forms: what it is, where to find it, and how it fits in your workflow.
App Connect
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.
Refine and expand
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 Logic and Flows
A learning hub for client-side orchestration in Wappler: App Connect flows, page-level server events, and simple stateful UI logic.
Front-End Input Widgets
A learning hub for richer front-end input components in Wappler, covering autocomplete, editors, tag entry, and date/time picking.
CSS Panel
Use the CSS panel to inspect, create, and organize project styles without losing sight of where the real CSS lives.
Theme Manager
Explore Theme Manager: Theme Manager tours and Design Framework.
Pages and Layouts
Start 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 Overview
A quick orientation to Assets Manager so you can understand reusable assets, media handling, and the bridge between files and UI resources.
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.
Reference hubs
App Connect Reference Index
Gateway to the generated App Connect reference collections, so you can jump into current web and mobile reference coverage without replaying full how-to tours.
Web Framework References
Browse the current web-facing App Connect reference coverage for Bootstrap 5 and shared framework-agnostic surfaces from one searchable collection.
Mobile Framework References
Browse the current mobile-first App Connect reference coverage for Framework7 7.8 and related Capacitor surfaces from one searchable collection.
Go to
File Management
Start here for file-oriented work in Wappler: project files, assets, upload workflows, and the handoff into publish-safe habits.
Getting Started
Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.
Wappler Docs Index
Structured hub for Wappler learning paths across onboarding, how-to guides, reference tours, switching guides, and product-area indexes.