Skip to main content

Architecture

Learn about the architecture behind Buildocs UI Engine and how the different components work together.

Overview

Buildocs UI Engine follows a design-once, render-anywhere approach that separates form definition from form execution.

System Components

Buildocs UI Engine SaaS

The cloud platform where forms are created, configured, and managed:

  • Visual form builder
  • Project and API key management
  • Theme configuration
  • Translations
  • Forms branching

Client SDK

The client-side SDK installed in your application:

  • Form rendering engine
  • Provider components
  • Theme system
  • Event handling

Your Application

Your application maintains full control over:

  • Data submission and storage
  • Business logic and workflows
  • User authentication
  • API integrations

Data Flow

Buildocs UI Engine Data Flow

  1. Forms are designed in the Buildocs SaaS
  2. The client SDK fetches form definitions at runtime
  3. Forms render natively in your React application
  4. Your application handles all data processing