Visual design
Responsive UI
and real markup
and real markup
Wappler Product Platform
See how Wappler connects AI, visual design, App Connect, Server Connect, data, Git, and publishing in one real-code workflow.
Introduction: one workflow across the complete application
Wappler connects the parts that are often split across a page builder, a frontend framework, a backend service, a database tool, and a deployment platform. You can begin with one layer and keep the same project as the application grows.
App Connect
State, bindings,
events and forms
events and forms
Server Connect
Secure backend
workflows
workflows
Data & APIs
Schemas, queries,
and integrations
and integrations
AI Manager
Project-aware
assistance
assistance
Ship & own
Git, debugging,
and deployment
and deployment
Start with the layer that solves the immediate problem.
Connect the other layers when the application needs them.
Keep one inspectable project from first screen to deployment.
Follow the same project from screen to production
The strongest Wappler workflow is the handoff between layers. Build the interface, bind it to application state, expose secure operations, connect data, inspect the result, and publish the project without translating it into a proprietary runtime.
Design a responsive page and keep the HTML and CSS visible.
Use App Connect for reactive state, data binding, validation, and events.
Use Server Connect for authenticated backend actions, business rules, data, and APIs.
Inspect requests and outputs, review changes with Git, and publish to chosen infrastructure.
Use AI Manager across these surfaces while reviewing the result in the real editor.
Conclusion: continue into the actual product areas
Use the current product tours for the working editors, controls, and examples behind this map.