No-Code Development in Wappler — Meet the New Flow

George Petrov
Mar 10 · 6 min read

We are excited to announce a brand new visual workflow builder — Flow! With App Connect Flow you can set up advanced client-side workflows, fully visual.

These days, creating things such as websites and apps have become more and more accessible. More people have become creators. This is all because tools have been evolving caused by a big movement. The no-code movement is all about assessing any level of user, whether that’d be a full-on programmer or a user with no programming experience at all.

No-Code Workflow

No-code enables developers from varied experience levels to create their own applications for web and mobile, using drag-and-drop elements and model-driven logic through a visual user interface. It relieves non-technical developers from having to write code while still creating high-end web applications.

By reducing the amount of coding that would have had to be done, accelerated delivery of applications will be enabled. This way productivity is increased as well as rapid development.

In Wappler, we have implemented a brand new visual workflow builder called Flow, achieving both the no-code as well as the low-code movement in Wappler!

What is App Connect Flow?

With App Connect Flow you can create client-side workflows with actions to be executed, data to be retrieved and much more. All of these actions will be nicely executed one after another.

Use rich programming paradigms in your flow like repeaters, assign of variables and conditions. Make reusable flows as on your page as components, or inline flows as actions on your dynamic events.

With the same ease as you are used to create Server Connect workflows — now you have all the powers client-side!

The age of rich interactive client-side web & mobile apps has begun!

Use Cases of App Connect Flow

The very first question that always comes to mind is “when would you use Flow?”. You can think of it in a way of wanting to execute specific logic, lengthy data fetching, transformation operations or custom validation of user input.

A few possible use cases:

  • Multi-step question form, with validation of data and performing different actions on each step.
  • Fetch and filter data before inserting in the data store.
  • Sanitize and filter data before using it on your page.
  • Query for fresh data from a server and then insert it in data store (only when needed).
  • Schedule flow with action scheduler — to query for fresh data regularly.
  • Query different API sources for data — filter and transform data, then use it on your page.
  • Extensive custom validation of user data — before submitting to Server Connect / API.
  • Query remote data, process it first in a flow, filter and transform — and then use it when done.
  • Invoke a remote service for lengthy data processing, and act when it is all done. Like invoke a bulk mailing action or lengthy data retrieval.
  • Query regularly remote service for new data and act when available.
  • Fetch remote data from multiple data sources, transform, filter and use as new data.

These are only a few examples, as there are many more uses for Flow. To find out more about Flow and how to implement it in your own project, go here.

No-Code Movement

What is it about no-code development that makes it so appealing?

No-code web development is built visually using pre-built modules, making it faster to create apps and websites. It’s not just less coding, the testing process is also automated, cutting down the time spent on development and more time to start working.

In terms of business, developers are expensive. The no-code solution takes away a big chunk of the costs, making it cheaper in the long run.

The most important part of no-code development is the increased productivity, the simplified user experience. The use of no-code platforms is no longer limited to only simple templates and basic functionalities, it has evolved into something that provides use for common needs such as forms, workflows, and data display allowing creators to expedite parts of the app creation process.

In Wappler we are already empowering extensive no-code solutions with all the components and available frameworks.

Wappler: no-code and low-code

Wappler allows you to build an application without writing a single line of code, thanks to its no-code approach. Are you a professional, who is familiar with HTML, CSS and Javascript? Then Wappler turns into a low-code tool, allowing you to further customize any part of your app.

The main features of Wappler, making it a top no-code tool are:

Visual Layout Builder

Add and customize components on your page. Easily change their dedicated properties, such as colors, sizes, spacing and responsive options — visually in the App Structure panel.

Visual Layout Builder

Visual Server-side Workflows Builder

Server Connect offers full visual programming without any coding. It includes many server-side workflow components. Connect to your databases, create advanced database queries, send emails, manage files and folders, process images or create login systems fully visual!

Server-side Workflows

API Connectivity Tools

Connect securely to any API Data Source, define API schema visually and use it on your pages. Also you can connect to any OAuth2 compatible service. OAuth2 Connector is available in Server Connect and it includes 18 predefined services.

API Connectivity Tools

App Connect Reactive Framework

With our App Connect Reactive framework we provide you with high performance front-end framework just as powerful as React, Angular and VueJS.

App Connect however is much easier to use due to it’s custom component structure and HTML5 attribute bindings. It comes with many custom components like: slideshows, galleries, dynamic charts, maps, animations and many more, which you can insert on your page and customize as you like.

App Connect: Wappler’s front-end reactive framework

What can you build with Wappler?

With Wappler you can build both web and mobile Applications.

Wappler allows you to build a web or mobile interface quickly and see how it looks and functions on mobile phone, tablet or desktop.
Add complexity to your apps by using the server-side workflows, which include ready to use components for managing, exporting and filtering data, file upload and manipulation, sending emails, create login forms and many more.

You can build different types of applications such as — web portals, portfolio sites, booking platforms, blogs, e-commerce solutions, real estate portals or complex CMS systems.
Take your existing database-driven web application to the next level, building a mobile application using the same data and providing the same functionality to your users’ mobile devices!


Wappler is the most optical productivity tool for both designers and developers, empowering no-code solutions to practice rapid rapid application development with customized workflows and functionality.

Not using Wappler yet?

Download Wappler, and don’t forget to join our community forum! Share your experience, get help, showcase your work or just have nice chat with others.

Build highly interactive custom web sites, CMS systems and mobile apps, fully visual in Wappler. No coding required!

George Petrov

Written by

CEO & Founder of and

Build highly interactive custom web sites, CMS systems and mobile apps, fully visual in Wappler. No coding required!

More From Medium

More on Mobile App Development from

More on Mobile App Development from

Wappler 2019 — a Year in Review

More on Web Development from

More on Web Development from

Ultra Fast Web Development with Docker in Wappler

More on Web Development from

More on Web Development from

What Bubble Users Say About Wappler

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade