UI Bakery Docs
Sign InRoadmapRelease notes
Search…
What is UI Bakery?
Video intro (7 mins)
Glossary
Security
Getting started
Starter Guide
Create an app
Explore the interface
Read and write data
Deploy and share applications
Tutorials
Basics
Components
Actions
Variables
Data mapping & transforming
Work with data
Work with components
Field types & types recognition
Generators for CRUD operations
Data sources
Data sources
Connecting local database via ngrok
SSH Tunneling
Workspace management
Workspace settings and user permissions
Audit logs
Development history
Release Management
Environments
How Tos
Modify components with CSS
localStorage and state variable
Add navigation to application
Load user specific data with {{user.email}} variable
Read query params from URL
Use external JS libraries
Generate PDF document
CSV import
CSV export
Uploading the files
Display files from Google Drive and Dropbox
Implement advanced validation
Select multiple table rows
On-premise
UI Bakery on-premise
Updating on-premise version
Environmental variables
Powered By GitBook
What is UI Bakery?
Can you imagine building your internal app as your idea flows?
Meet UI Bakery – a visual internal tools builder tailored to save hours of development time. Connect your data sources, drag&drop your interface, add JavaScript code to process your data and deploy it to your users in a matter of hours.

Who UI Bakery is built for?

To take full advantage of UI Bakery, you need to be a software developer, a database architect, or a data engineer. To get a handle on the core functionality, you need to have a general understanding of how web apps work, how to make requests to servers, use variables, modify JavaScript snippets.
Frontend development skills are not essential. Nevertheless, it will not do any harm if you are a front-end developer.

How UI Bakery works

Here are 4 simple steps to build your first internal tool with minimal to no code.
  1. 1.
    Connect to a data source. Use native connectors to databases (PostgreSQL, MySQL, MongoDB), business apps (Stripe, Hubspot, Airtable), or any HTTP API.
  2. 2.
    Load your data and build logic. Load and send your data using Actions. Add navigations and conditions, map your data with custom code and third-party libraries.
  3. 3.
    Drag-n-drop your UI. Assemble your app screens using built-in components: Tables, Forms, Details, Charts, and more. Connect Actions to any component.
  4. 4.
    Publish your app and invite users. Publish your web app updates. Invite your team members and colleagues to test your app.
And here are 4 things you can stop bothering about:
  • Developing a UI and CSS styling.
  • Spending much trouble on npm modules, updating JavaScript libraries.
  • Building pipelines, deploying apps, configuring infrastructures.
  • Managing access control and data privacy.
Next
Glossary
Last modified 3mo ago
Copy link
Outline
Who UI Bakery is built for?
How UI Bakery works