The Components (ObjectUI)

The Enterprise Interface Kit

The Components (ObjectUI)

Server-Driven UI for Asset Longevity.

ObjectUI allows you to treat your User Interface as data, not code. It is a Projection Engine that transforms your schemas and intents into modern, accessibility-compliant React components.

The "Framework Fatigue" Antidote

Frontend development is volatile. The "Best Practice" changes every 18 months. Upgrading from Vue 2 to Vue 3, or React Router v5 to v6, consumes massive engineering resources with zero business value added.

ObjectUI breaks this cycle.

You define:

"I need a Form to edit a Customer, with fields 'Name' and 'Email'."

ObjectUI renders:

A fully responsive, validated, accessible form using the latest design system (e.g., Shadcn UI, Ant Design, or Material UI).

When the design system updates, or when you switch underlying frontend frameworks, your definition remains unchanged. Your UI asset is immortal.

How It Works: The Projection Protocol

ObjectUI is based on the SDUI (Server-Driven UI) pattern used by tech giants like Airbnb and Uber, but democratized for everyone.

1. The Schema (The Source of Truth)

ObjectUI reads the ObjectQL schema. It knows that email is a required string with email validation, and status is an enum.

2. The Layout Manifest (The Intent)

You define the layout structurally, focusing on hierarchy, not pixel pushing.

{
  "type": "page",
  "title": "Edit Customer",
  "layout": "split-pane",
  "components": [
    {
      "type": "form",
      "target": "customer",
      "layout": "grid"
    },
    {
      "type": "feed",
      "source": "customer.activity_logs"
    }
  ]
}

3. The Renderer (The Implementation)

The client-side SDK (React/Vue/Flutter) interprets this JSON and mounts the corresponding high-quality components.

Key Features

• Instant Admin Panels: Eliminate the "Admin Panel tax". Get a full CRUD interface for every entity freely.
• Zero-API Glue Code: No need to write REST endpoints or GraphQL resolvers just to populate a dropdown. The UI component talks directly to the Engine protocol.
• Multi-Platform support: The same UI definition can be rendered as a Web App (React), a Mobile App (React Native/Flutter), or even a CLI TUI (Terminal UI).

Customization

ObjectUI is not a rigid "No-Code" builder. It is a "Low-Code" library.

1. Slot Architecture: You can eject from the default renderer at any node in the tree and insert a completely custom React component.
2. Theming: Full support for CSS variables and Tailwind classes to match your brand identity.
3. Behavior Hooks: Attach custom JavaScript client-side logic to events (onChange, onSubmit).