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.
Build mobile and desktop apps from the right project type
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.
Choose an app path
Section titled “Choose an app path”Follow the recommended sequence or open any focused workflow directly.
Framework7 8 Mobile path — recommended sequence
Framework7 Mobile App Introduction
Start a Framework7 8 mobile project in Wappler and understand the app shell, routed pages, App Connect bindings, and Capacitor handoff.
Framework7 Components in Wappler
Use 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 Routing
Build list-to-detail mobile workflows with Framework7 routes, path parameters, dynamic links, App Connect data, and resilient loading states.
Capacitor Mobile Project Setup
Configure and operate Capacitor in a Wappler Mobile project, including app identity, System Check, platforms, targets, build, run, open, debug, and packaging controls.
Capacitor Native Plugins
Use Wappler's complete Capacitor App, Camera, Device, Filesystem, Geolocation, and Network surface in a Mobile project through components, events, and Flow actions.
Capacitor Camera Workflow
Build 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 Routing
Create a Bootstrap 5 Mobile project and organize its App Connect routes, layouts, content pages, navigation, data, and responsive device workflow.
Bootstrap 5 Desktop Apps
Create 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 Flows
Start 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 Components
Start here for UI building in Wappler: Bootstrap components, forms, themes, and the editor surfaces used to shape frontend behavior.
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.
Current references
Mobile Framework References
Browse the current mobile-first App Connect reference coverage for Framework7 7.8 and related Capacitor surfaces from one searchable collection.
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.
Go to
Getting Started
Start here for onboarding: orientation, first project, first page, first data flow, and the first preview-to-publish handoff.
How-To Guides
Browse practical how-to entry points across Wappler so you can jump straight into guided task-based learning.
Wappler Docs Index
Guided documentation and interactive tours for beginners, builders, switchers, and advanced users, from first project to full-stack reference.