What's new?
Who uses Directual?
What can be built on Directual
Learn Directual
Why Directual?

Directual Design—an open-source front-end project

Directual has always been a perfect choice for low-coding a backend of a web or mobile app. But, bearing in mind our motto to “let people create”, we started working on Directual Web-page builder. Moreover, we decided to make it open-source—to let every front-end developer be able to build new web-components for interface constructor. So, meet Directual Design — the basic open-source React-components library!

What is Directual Web-page builder?

Web-page builder (see the documentation) is a platform module for creating app web-interface. As you might know, a lot of apps were created on React + Directual. This is great, but our long-term strategy is to make app building as easy as possible. Thus, interface-builder is essential part of Directual platform.

In April we released a public cloud version of the platform. There you could find an early alfa-version of web-page builder with simple (vanillaJS-based) page components. Today we are happy to announce the significant update—web page builder operates with sophisticated user-friendly interface components (React-based). The first component to be introduced is the interactive form. More to come soon!

The main feature of Directual web-page builder is that you can either  use Directual portal as a template for you app or embed pages into your web app (for example, Webflow-based).

Directual Design library

App backend can be described with a few basic scenario steps: edit object, create object, search, and conditional step. Thanks to that Directual scenarios are great for building almost any back-end logic.

In contrast with a backend, the variety of use cases in front-end development is immense. That motivated us to make our front-end part of the platform open source. We’ve called that project Directual Design. It stands on the following principles:

  • Providing developers with high-quality React-components which they can apply in their projects. You are free to choose any backend technology, but Directual has proved to be the highly efficient one.
  • Engaging developers in using Directual web-page builder. If you face a need for a new specific component, you can develop it yourself and then add to the library.

Adding your own components

Using web-page builder turns out to be highly efficient for professional developers as well as business users. There is no any infrastructure messing up at all! If you want to create new component , you are welcome to contribute in Directual Design library! Feel free to reach us out by email hello@directual.com or on community forum. We are happy to help!

What to expect?

We are working hard to solve our users’ problems with Directual web-page components. Here is a preliminary short-list of coming interface pieces:

  • Interactive table;
  • Profile;
  • Cards view;
  • Chat;
  • List for rating, feature requesting and voting;
  • and more…


What is Directual Design and how does it work with Directual Web-page builder?
What is Directual Design and how does it work with Directual Web-page builder?

Directual Design is an open-source React-components library that allows developers to create web-components for the Directual Web-page builder. With Directual Design, developers can create high-quality React-components and use them in their projects.

What are the benefits of using Directual Design's open-source React-components library?
What are the benefits of using Directual Design's open-source React-components library?

Directual Design's open-source React-components library provides developers with high-quality components that they can use in their projects. It also enables them to engage with Directual Web-page builder, a platform module for creating app web-interface, making app building as easy as possible.

What new interface pieces can users expect from Directual's web-page builder?
What new interface pieces can users expect from Directual's web-page builder?

Users can expect a range of new interface pieces from Directual's web-page builder, including an interactive table, profile, cards view, chat, and list for rating, feature requesting and voting, among others.

Featured blog posts

Why Directual is great for no-code software development agencies

Why indeed! It’s strong, it connects to anything, it has eye candy, and it has an affiliate program! But, look inside and discover how your dev agency can truly capitalize on our no-code platform.

March 19, 2023
Pavel Ershov

Update March 2023: New website, Amazon S3 plugin, proxy for HTTP request

Directual now supports Amazon Simple Storage Service (Amazon S3) and configurable proxies for the HTTP request step, making the platform even more flexible. We've updated the look of our website and added new sections, a no-code academy, real-world case studies, and more.

March 6, 2023
Eugene Doronin

No-code Web2 and Web3 with Directual: a short guide

In the beginning…there wasn’t much to do. In this article, we’ll explore the journey of the internet to what it is today, and where it will be tomorrow. Learn how to make your own taking the best from Web2 and Web3 at the same time!

March 1, 2023
Leo Khellenbrand

Ready to build your dream app?

Join 10,000+ no-coders using Directual and create something you can be proud of—both faster and cheaper than ever before. It’s easy to start thanks to the visual development UI, and just as easy to scale with powerful, enterprise-grade databases and backend.