Wappler documentation
Mobile and Desktop Apps
Choose a complete app-learning path: Framework7 8 and Capacitor for Mobile projects, Bootstrap 5 for Mobile projects, or Bootstrap 5 and Electron for Desktop projects.
For Android and iOS, create a Mobile project and choose either Framework7 Blank or Bootstrap Blank. Both use Capacitor for platform builds and native capabilities. For an installable desktop application, create a Desktop project with Bootstrap Blank and target Electron. Follow the sequential path for guided learning or jump directly to the workflow you need.
Framework7 8 Mobile path — recommended sequence
Framework7 Mobile App IntroductionStart a Framework7 8 mobile project in Wappler and understand the app shell, routed pages, App Connect bindings, and Capacitor handoff.Framework7 Components in WapplerUse the current Framework7 8 component catalog in a Wappler mobile project, from insertion and nesting to properties, events, and live interaction.Framework7 Dynamic Pages and RoutingBuild list-to-detail mobile workflows with Framework7 routes, path parameters, dynamic links, App Connect data, and resilient loading states.Capacitor Mobile Project SetupConfigure and operate Capacitor in a Wappler Mobile project, including app identity, System Check, platforms, targets, build, run, open, debug, and packaging controls.Capacitor Native PluginsUse Wappler's complete Capacitor App, Camera, Device, Filesystem, Geolocation, and Network surface in a Mobile project through components, events, and Flow actions.Capacitor Camera WorkflowBuild a complete Camera Flow in a Capacitor Mobile project, covering permissions, all six actions, Get Photo options, results, preview, cancellation, and target testing.
Bootstrap 5 app paths
Bootstrap 5 Mobile Apps and RoutingCreate a Bootstrap 5 Mobile project and organize its App Connect routes, layouts, content pages, navigation, data, and responsive device workflow.Bootstrap 5 Desktop AppsCreate a Bootstrap 5 Desktop project, structure its routed interface, configure Electron window behavior, and use the app toolbar to build, run, open, and package it.
Shared foundations
App Connect FlowsStart here for App Connect Flows: learn the three flow types (App Flow, Page Flow, Inline Flow) and jump into the dedicated App Flow editor tours.Routing (views, routes, internal links)Understand Wappler’s modern hybrid routing: routes, layouts, content pages, and route-aware links.Front-End ComponentsStart here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.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.