The Wappler platform

One workflow across the complete application

Each part is useful on its own, and all are designed to work together. Start visually, add real data and logic, then deploy from the same project.

  1. 01

    Design the experience

    Build responsive pages and components with visual controls and editable HTML and CSS.

    Design & frontend
  2. 02

    Make it interactive

    Use App Connect for dynamic data, state, validation and browser-side behavior.

    App Connect
  3. 03

    Build the backend

    Create secure server workflows, authentication and integrations with Server Connect.

    Server Connect
  4. 04

    Connect data and APIs

    Model databases, query live data and connect external services without leaving the project.

    Backend & data
  5. 05

    Test, deploy and stay in control

    Debug requests, review changes with Git and deploy the generated code to your infrastructure.

    Delivery tools
AI assistance across every step. Use project-aware assistants throughout your workflow while keeping your code and technical choices visible.
Explore AI development

Feature catalog

Explore the tools in detail

Choose an area, then follow the linked product pages and documentation when you are ready to go deeper.

Complete AI Manager task panel inside Wappler

Current guided tour

AI Manager

Describe project-wide tasks and coordinate specialized assistants across design, code, databases and Server Connect from one visible thread.

  • One project-aware workspace
  • Coordinate UI, data and backend work
  • Review results in the owning editor
Open AI Manager Overview
Wappler AI development workflow across application layers

Current guided tour

Build across the stack with AI

Use the AI workflow for pages, data models, backend logic and validation while reviewing each result in the relevant Wappler editor.

  • Turn prompts into reviewable changes
  • Carry context across the full stack
  • Work directly with your project files and code
Open Build with AI
AI provider setup controls in Wappler AI Manager

Current guided tour

Choose your AI provider

Connect supported providers with your own keys, then choose the model and mode that best fit your task, team and budget.

  • Bring your own provider keys
  • Choose the right model per task
  • Keep usage and cost decisions visible
Open AI Manager Provider Setup
Complete responsive page canvas in Wappler Design View

Current guided tour

Visual design with real markup

Compose and edit responsive pages in Design View while the underlying HTML and CSS remain available in the same editor.

  • Edit the real page visually
  • Design responsively in one canvas
  • Keep HTML and CSS directly editable
Open Design View Overview
Responsive Bootstrap controls in Wappler

Current guided tour

Responsive Bootstrap workflow

Build with a structured grid, components and responsive utilities using visual controls built on Bootstrap.

  • Use a proven responsive framework
  • Compose grids and components visually
  • Retain standard Bootstrap output
Open Bootstrap Quick Overview
Assets Manager panel in Wappler

Current guided tour

Reusable assets and media

Keep project images, media and reusable resources organized in Assets Manager and use them directly from the visual workflow.

  • Centralize project media
  • Reuse assets across pages
  • Keep file paths and publishing predictable
Open Assets Manager Overview
Project types in Wappler Project Manager

Current guided tour

Web and mobile projects

Start websites, web applications and mobile apps from the same Project Manager while keeping their files local.

  • Start web and mobile projects
  • Keep project files on your machine
  • Use one workflow from idea to delivery
Open Project Manager Quick Overview
Complete App Connect scheduling page with expanded Structure and populated Calendar properties

Current guided tour

Reactive frontend with App Connect

Bind live data, state, expressions and events to interface components through a visual workflow you can inspect at any time.

  • Bind live data and state visually
  • Compose events without boilerplate
  • Keep client behavior inspectable
Open Event Calendar
Full Server Connect flow with a selected Repeat action and populated inspector

Current guided tour

Backend workflows with Server Connect

Build explicit server actions for input handling, validation, authentication, database operations, APIs and outputs.

  • Make backend logic explicit
  • Combine validation, auth, data and APIs
  • Debug each workflow step clearly
Open Server Connect Control Flow and Reuse
Complete Database Manager schema workspace alongside a Wappler project

Current guided tour

Database models and migrations

Create schemas and relationships visually, work with data, and keep database changes connected to the application project.

  • Model schemas and relationships visually
  • Inspect real data beside the app
  • Keep database changes tied to the project
Open Database Manager Usage
Complete production target and Docker deployment configuration in Wappler

Current guided tour

Targets and publishing

Configure development and production targets, connect your chosen infrastructure and publish the same project with confidence.

  • Separate development and production
  • Choose your own infrastructure
  • Deploy the same project with confidence
Open Provider and Target Handoff

Your next step

Build one real workflow and see how the pieces connect

Start your trial with a guided path to your first working project, then use the docs and community whenever you want to go deeper.

Made in Wappler