Front-End Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
Front-End Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
Front-End Components
Front-End Components
Use this page as the frontend-building map through Wappler. Start with Bootstrap for layout and components, then branch into Forms, App Connect, and Theme Manager depending on whether you are shaping markup, interactions, or design system behavior.
The goal is to give beginners one clear hub for the UI side of Wappler.
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
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.
Theme Manager
Explore Theme Manager: Theme Manager tours and Design Framework.
Pages: Overview
Start here to learn how Pages fits in your workflow, and jump into Manager, HTML Editor, and Overview.
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 galleries, lazy loading, slideshows, and motion effects.
Reference hubs
App Connect Reference Index
Generated index that routes to the App Connect reference tour collections.
Web Framework References
Current web-facing reference coverage for Bootstrap 5 and version-agnostic App Connect surfaces, grouped separately from mobile-specific references.
Mobile Framework References
Current mobile reference coverage for Framework7 7.8 and related mobile-first App Connect surfaces, separated from the web framework catalog.
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
Choose the right Wappler learning path: beginner onboarding, task-based how-to guides, advanced reference, switching guides, and product-area indexes.