Meet the Platform: Pre-Made UI Templates

It’s time to take a closer look at everyone's favorite Betty Blocks platform feature, the UI builder. If you need a quick refresher, the UI builder is a 'What you see is what you get editor' (WYSIWYG for short, pronounced 'wizziewig'). The name says it all: You can create a user interface by drag-and-dropping elements on the page.

The Betty Blocks UI Builder is already the cool kid on the block (at least in our eyes) but it’s got substance as well. Especially if you are a new developer who’s struggling with creating a fluid user experience.

Content Pages

You’ve just finished your back end, all your data is in place and you’re ready to get your product or service visible. Of course, this page is absolutely critical to your success and that’s a daunting thought. Wouldn’t it be great to have some pre-made, high-quality page templates available to help you get started?

That’s exactly what the Content Page templates are there for. Don’t worry about sacrificing a gorgeous end user experience. All the templates are designed by professional UX designers at Betty Blocks. These include:

• Dashboards: Show pixel-perfect cards or tiles for locations, products, or other categories.
• Detail pages: Highlight your hotel, product or other topics in this detail page.
• Category cards dashboard: Display your categories with cards in a dashboard overview.
• Users dashboard: Display and manage your users in a single overview.
• Expenses detail: Track your spending with this detail page.
• Product overview: A beautiful overview with search capabilities for products or other topics.
• Add participant form: Create new participants with this advanced form.

Remember that the Betty Blocks templates are not set in stone. Once added to your application you are absolutely free to tweak, change, and modify any details. In some cases, you might just use the templates as a kickstarter for your page.  

Public UI Prefabs

Prefabs let you save multiple UI components into one block, cutting back on development time and effort even more. The platform has a wide range of UI prefabs available that you can use for any Betty Blocks application. Again these are created by the UX design team who are experts in user experience. Look for:

• Card prefabs for payments, hotel ratings and bookings.
• Header prefabs for headers or introductions on your page.
• List prefabs to display data in different ways.
• Form prefabs to create or change data.
• Notification prefabs to display different notifications to end users.

It is now easier than ever to simply drag-and-drop into place data fields, for example, like adding participants to events or creating patient records.

Enabling Citizen Developers

We love investing time into creating platform features like these. It’s how we’ll get to our Big Hairy Audacious Goal: By 2023 any human can build an application. As a Citizen Developer, you can open the Betty Blocks platform and immediately start creating – without technology holding you back. Building a list of UI templates which you (or Betty Blocks) has made will help maintain a consistent and professional feel across your application.

Want to learn more about the Betty Blocks platform and features? Check out our 'Meet the Platform' article to learn all the basics for the UI builder, data models and actions!