How we improved our web app builder in the last 6 months

Eugenia Evtushenko

7 min

Having originated in September 2019, the UI Bakery visual app builder continues its development. While we’re making ambitious plans on the further platform improvements, see how we have already enhanced UI Bakery over the last 6 months. 

Responsive design

With no manual efforts, we enabled you to visually create a web application with a responsive design 5 times faster than within custom app development. No more need to prepare several mockups for various screen sizes – UI Bakery automatically makes your web app fit different screens.  

The UI Bakery apps builder adjusts your web app for 5 screen sizes:

  • Full HD (1144 px).
  • Desktop (1024 px).
  • Tablet (768 px).
  • Phone: landscape (480 px).
  • Phone: portrait (320 px).
Responsive design in the UI Bakery web apps builder

Once you configure a layout that fits one screen size, its configuration is automatically applied to the smaller screen sizes. You can now manage all the screen sizes at once, or some of them separately.

You can create different layouts for different screen sizes, customize layouts’ appearance, change paddings, margins, element sizes. Moreover, you can use a regular 12-column grid in the UI Bakery apps builder to set the size of the elements instead of using pixels and percentage for that.

Data connection feature 

This feature has become one of the key milestones for UI Bakery. 

Data connection & API integration in UI Bakery web app development platform

With the release of the Data connection feature, you now can visually build a web app frontend with the full-fledged functionality.

From now, you’re able to:

  • Call any HTTP API to connect to the backend.
  • Build a dashboard from a REST API.
  • Integrate your frontend with 3rd party APIs.
  • Manage data collections.
  • Connect your data to UI components like charts, maps, images, etc.
  • Add workflows – the sets of steps created to react to user interactions. 
  • Customize your workflows with JavaScript code if needed.
  • Sort and filter data using custom code, and more.
  • Download the ready app code with the connected data.

Moving to Angular 9+

One of the largest Angular releases for the past 3 years had not passed by UI Bakery – our app development platform was updated to Angular 9+! 

UI Bakery apps builder updated to Angular 9+

This release covers the framework, Angular Material, and the CLI. More about the fixes and features included into this release you can read here. Together with the improvements this release brought, the UI Bakery development platform improved as well. 

New UI Bakery documentation

Besides enhancing the UI Bakery app building tool itself, we improved our knowledge base to make your work in UI Bakery more seamless

UI Bakery web apps builder enhanced knowledge base

Thorough how-to articles, comprehensive video tutorials and guides, 40-minute webinar recaps, detailed responses to the most popular questions, and many more.

Onboarding tutorial

To simplify your first interaction with the UI Bakery app builder, you can pass an onboarding tutorial we prepared. It’s tailored for two types of users – those with a development background, and the ones with no such background. You’ll learn how to work with the core UI Bakery elements – Builder, Painter, Working area, Component picker, Configuration panel, Toolbar, Sidebar, Navigation bar.

The tutorial is based on a simple example showing how to build an article card, configure, and customize it.

How-to webinars

Looking for a no-code / low-code solution to build an MVP or a web app? We launched a series of free webinars on how to build web apps with a responsive design for various industries and purposes using our low-code development tool.

The webinars might be useful for beginners and advanced UI Bakery users, and for those who are searching for an appropriate low-code solution. During the webinars, we'll show you how to build various types of dashboards and full-fledged web apps. No coding and design skills are required.

Check the webinars page, register for the upcoming one, or suggest a topic for the next webinar! 

Customizable web app, dashboard, and web app page templates

To relieve you from the need to create a web app from scratch, we prepared a range of ready-made templates with a responsive design. All the templates are available for free in UI Bakery regardless of your pricing plan, customized as you wish with the predefined layouts, widgets, and other ready-made UI components, and exported as an Angular code if needed. 

UI Bakery free ready-made templates and web app dashboards

We’re constantly expanding the list of our free templates. The templates we have now relate to such areas as sales, education, finances, healthcare, logistics, general management, product management, and more. We’ve recently added a sales CRM dashboard integrated with Airtable to the list of UI Bakery templates, and we’re preparing the next templates with the implemented 3rd party integrations.

Have any template to suggest? Do not hesitate to post your idea in the UI Bakery community, or vote for the existing template requests.

New text settings and updated color palette

These updates are minor but still valuable for UI Bakery users.

With the new text settings, you got more customization opportunities relating to styles, text types, etc. Thus, you can make the text elements in your web app much more appealing.

Updated text setting in the UI Bakery web app builder

With the enhanced color palette, you can get a much softer color stretching – from bright to dark shades. Customize each color separately with no oversaturation. Pop in the platform to see how it works!

So, what’s next?

We’ve come a long way but there’s still a lot to improve in UI Bakery. To let our users keep their fingers on the pulse, we’ve recently released a roadmap reflecting all the upcoming updates, the minor and major enhancements that will be implemented in the platform soon.

Stay tuned, stay with UI Bakery. And do not hesitate to pop in the platform to try all its basic and advanced web app development features.

October 29, 2020

Latest articles

Don't want to miss anything?

Get updates on the newest stories, case studies and tips right in your mailbox.