You Define the Intent. We Render the Reality.

What is ObjectUI?

Frontend development for enterprise apps is repetitive. You spend 80% of your time gluing together form libraries, data tables, and validation logic—writing the same boilerplate over and over.

ObjectUI turns UI into Data. Define your interface in standard JSON, and let our engine render pixel-perfect, accessible React + Tailwind components.

The Magic: JSON → Beautiful UI

ObjectUI bridges the gap between configuration speed and design quality:

Input: The Protocol (JSON Schema)

{
  "type": "data-table",
  "className": "rounded-lg border",
  "dataSource": {
    "api": "/api/users",
    "method": "GET"
  },
  "columns": [
    {
      "key": "name",
      "title": "User Name",
      "sortable": true
    },
    {
      "key": "email",
      "title": "Email Address"
    }
  ]
}

Output: Production-Ready Shadcn Component

The engine transforms your JSON into a fully interactive, accessible data table with:

✅ Server-side data fetching
✅ Column sorting and filtering
✅ Responsive design
✅ Light/dark theme support
✅ WCAG 2.1 AA accessibility

Why ObjectUI?

1. The Stack You Love 🎨

ObjectUI is built on the modern frontend stack:

React 18+ with hooks and concurrent rendering
Radix UI primitives (the foundation of Shadcn)
Tailwind CSS for styling—use utility classes directly
TypeScript-first with complete type definitions

2. Server-Driven Agility ⚡️

In traditional development, changing a form field requires:

Editing React code
Running tests
Building the app
Deploying to production

With ObjectUI, the UI is a configuration. Change the schema on the backend, and the dashboard updates instantly—no code push required.

3. Enterprise Ready-Made 🏢

Stop rebuilding components from scratch. ObjectUI includes:

📊 Data Tables with sorting, filtering, pagination
📋 Multi-step Forms with validation
🗂️ Kanban Boards with drag-and-drop
📈 Dashboards with real-time updates
All components are accessible, responsive, and themeable

🆕 Phase 2: Advanced Features

ObjectUI Phase 2 introduces enterprise-grade capabilities:

Application Framework

AppSchema - Complete app configuration with navigation, branding, and layouts
ThemeSchema - Dynamic theming with light/dark modes and color palettes

Advanced Actions

Enhanced Actions - AJAX calls, confirmation dialogs, action chaining, and conditional execution
Callbacks - Success/failure handlers with tracking

Reporting & Analytics

ReportSchema - Enterprise reports with aggregation, export (PDF/Excel/CSV), and scheduling
Data Visualization - Charts, metrics, and dashboards

Reusable Components

BlockSchema - Reusable component blocks with variables, slots, and marketplace support
Component Library - Share and discover pre-built blocks

Learn more about Phase 2 →

🛠️ Developer Tools & Utilities

ObjectUI provides a complete toolkit for building schema-driven applications:

Command-Line Tools

CLI - Build and run apps directly from JSON/YAML schemas
```
npx @object-ui/cli dev --schema dashboard.json
```
Create Plugin - Scaffold new plugins with best practices
```
npx @object-ui/create-plugin my-plugin
```
Runner - Universal runtime for testing and development
```
pnpm --filter @object-ui/runner dev
```

Data Integration

ObjectStack Adapter - Connect to ObjectStack backends

import { ObjectStackProvider } from '@object-ui/data-objectstack'

Editor Extensions

VS Code Extension - Schema preview, validation, and IntelliSense
```
code --install-extension objectui.object-ui
```

Explore all utilities →

You Define the Intent. We Render the Reality.

On this page