Live data binding
Connect components to APIs, Server Connect data, forms, browser state and reusable data sources.
Learn data bindingWhy it matters
Frontend behavior becomes a system you can see
App Connect brings data sources, component state, expressions and events into one visual model, while direct markup and JavaScript remain available for custom work.
Conditions and state
Express dynamic text, visibility, classes, validation and repeated regions from the current application state.
Browse frontend guidesEvents and actions
Respond to user actions with visual event handling and compose richer client workflows with Flow Connect.
Explore Flow ConnectA complete workflow
From source data to a responsive interface
Use the same visual model to fetch, display, change and submit application data.
-
1
Add the data source
Connect the page to Server Connect, an API, a form or client-side state.
-
2
Bind the interface
Map values and conditions to components with expressions and dynamic attributes.
-
3
Handle the interaction
Trigger actions, validate input and update the experience as state changes.
Learn by building
A guided path plus a deep reference
Start with a quick overview, follow task-based tours, then use the generated component reference when you need an exact capability.
Questions
Know what you are choosing
App Connect is Wappler's reactive client-side runtime and visual data-binding system for web and mobile interfaces.
Yes. It can work with API and Server Connect data sources, then bind returned values and states to interface components.
Build the next version
Make the page respond to real people and real data
Try App Connect in the complete Wappler environment or walk through the real interface in the guided documentation.
Made in Wappler