The Components

ObjectUI

The Enterprise Interface Kit

The Projection Layer for protocol-driven interfaces. Server-driven UI rendering that adapts to ObjectQL's schema. Define interfaces in JSON metadata, render with React + Tailwind + Shadcn. UI frameworks change every 3 years. Protocols last decades. Your interface definitions are your asset, not your framework choice.

The Magic Trick

You define the intent (JSON). We render the reality (React).

JSON Schema
schema.json
{
  "type": "dataTable",
  "schema": "users",
  "columns": [
    { "field": "name", "sortable": true },
    { "field": "email", "sortable": true },
    { "field": "role", "filterable": true }
  ],
  "actions": [
    {
      "label": "Edit",
      "type": "navigate",
      "route": "/users/:id/edit"
    },
    {
      "label": "Delete",
      "type": "confirm",
      "variant": "destructive"
    }
  ],
  "pagination": true,
  "search": true
}
Rendered Component
A fully functional data table with: • Shadcn UI components (beautiful by default) • Sort by name or email (clickable headers) • Filter by role (dropdown with multi-select) • Edit button → navigates to edit page • Delete button → shows confirmation dialog • Pagination controls (10/25/50 per page) • Global search across all columns • Responsive design (mobile-friendly) • Keyboard navigation & ARIA labels • Tailwind classes (customize freely)

Why ObjectUI?

The modern stack you love, with the efficiency of protocol-driven development.

The Stack You Love

Built on React, Radix primitives (Shadcn UI), and native Tailwind CSS. Not a black box—override styles with utility classes, extend with your own components. Production-quality output that matches your design system.

Server-Driven Agility

Update layouts, fields, and validation rules from the backend without redeploying frontend code. Ship changes instantly. Perfect for A/B testing, feature flags, and dynamic user experiences.

Enterprise Ready-Made

Complex patterns built-in: Kanban boards, Gantt charts, multi-step forms, data tables with sorting and filtering. Stop rebuilding these from scratch for every project.

Fully Extensible

Register your own React components into the engine and use them in JSON schemas. Not limited to built-in components. Your custom widgets, your business logic, seamlessly integrated.

How It Works

Three-layer architecture: Protocol → Engine → Renderer

Step 1: The Protocol

JSON schema defines the view structure. Type-safe, versioned, and LLM-friendly. Your UI logic is data, not code.

Step 2: The Engine

ObjectUI Core processes state, handles events, manages form validation, and orchestrates data flow. Your business logic stays clean.

Step 3: The Renderer

React components map JSON nodes to Shadcn UI primitives. Beautiful, accessible interfaces rendered from your protocol definitions.

Use Cases

From rapid prototyping to production-grade enterprise systems.

Admin Dashboards & Internal Tools

Generate complete admin interfaces from schemas. CRUD operations, advanced filtering, bulk actions—all defined declaratively. Ship internal tools in hours, not weeks.

Dynamic Forms & Workflows

Multi-step wizards, conditional logic, complex validation. Build onboarding flows, surveys, and data collection forms that adapt to user input without writing state management code.

Data-Heavy Applications

Tables with virtualization, real-time updates, export capabilities. Dashboard widgets, analytics panels, and reporting interfaces that handle millions of rows smoothly.

Extensibility

Not Just a Toy

Production-ready extensibility for complex requirements.

Register custom React components and use them in your JSON schemas. ObjectUI doesn't lock you in—it's a foundation you build on. When you need specialized functionality, write a React component once and reuse it across all your protocol-driven interfaces.

Custom Component Example
custom-component.tsx
// 1. Register your custom component
import { SignaturePad } from '@/components/custom';

objectUI.registerComponent('signaturePad', SignaturePad);

// 2. Use it in your JSON schema
{
  "type": "form",
  "fields": [
    { "name": "name", "type": "text" },
    {
      "name": "signature",
      "type": "signaturePad",  // Your custom component
      "label": "Please sign here",
      "required": true
    }
  ]
}

// 3. It just works
// ✓ Validation integrated
// ✓ State management handled
// ✓ Reusable across all forms
Ecosystem

Part of ObjectStack

The complete protocol-driven development platform.

ObjectUI works standalone with any REST API, but it's designed to pair perfectly with ObjectQL (universal data layer) and ObjectOS (runtime platform). Together, they form a complete stack where your business logic is defined as protocols, not locked into framework-specific code.

Standalone

Works with any backend API

Integrated

Seamlessly integrates with ObjectQL + ObjectOS for end-to-end protocol-driven development

Early Access Program

Own Your Infrastructure.
Eliminate Vendor Lock-in.

Join CTOs and VPs of Engineering building on protocols, not proprietary frameworks. Virtualize your data. Unify your business logic. Future-proof your architecture. Launch March 2026.

No commitment required
Priority access for engineering leaders
Beta starts February 2026