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
Section titled “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.
Front-end components
Section titled “Front-end components”Start with layout and components, then branch into forms, interactivity, and theme control.
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.
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
Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.