Skip to content

index.md

Latest commit

 

History

History
131 lines (104 loc) · 3.44 KB

index.md

File metadata and controls

131 lines (104 loc) · 3.44 KB
layout home
hero
name text tagline image actions
Object UI
The Modular Interface Engine
From JSON to world-class UI in minutes
src alt
/logo.svg
Object UI
theme text link
brand
Get Started
/guide/introduction
theme text link
alt
GitHub
features
icon title details
⚡
Blazing Fast
Built on React 18+ with automatic optimizations. 3x faster page loads and 6x smaller bundles than traditional low-code platforms.
icon title details
🎨
Beautiful by Default
Professional designs out of the box with Tailwind CSS and Shadcn/UI. Light/dark themes and full customization support.
icon title details
�️
Visual Designer
Drag-and-drop editor to build UIs visually. Real-time preview, property panels, and instant JSON export.
icon title details
🚀
Schema Driven
Define your UI in JSON. No deep expertise in React, design systems, or CSS required.
icon title details
🤖
AI Powered
Natural language to UI generation. Describe what you want and let AI create the schema.
icon title details
🌍
Cross Platform
One schema works everywhere - web, mobile, desktop. Build once, run anywhere.

Quick Example

{
  "type": "form",
  "title": "Contact Us",
  "body": [
    {
      "type": "input",
      "name": "email",
      "label": "Your Email",
      "required": true
    },
    {
      "type": "textarea",
      "name": "message",
      "label": "Message"
    }
  ],
  "actions": [
    {
      "type": "submit",
      "label": "Send Message",
      "level": "primary"
    }
  ]
}

That's it! This JSON automatically creates a beautiful, accessible, and functional contact form.

🎨 Visual Designer

✨ Object UI Designer

Object UI includes a visual designer package that allows you to build UIs with a drag-and-drop interface, live preview, and instant JSON export. Perfect for prototyping and learning!

See the @object-ui/designer package for more information.

Why Object UI?

From JSON to World-Class UI

Building beautiful, performant, and accessible interfaces shouldn't require deep expertise in design systems, state management, or CSS. With Object UI, you describe what you want in JSON, and we handle the rest.

Built for Speed

  • 3x faster first contentful paint
  • 6x smaller bundle sizes
  • Zero runtime CSS overhead

Modern Stack

  • React 18+ with concurrent features
  • Tailwind CSS for styling
  • Shadcn/UI components
  • TypeScript strict mode

Production Ready

  • WCAG 2.1 AA accessible
  • 85%+ test coverage
  • Enterprise security
  • 99.9% uptime

Getting Started

Object UI is currently in preview. The Q1 2026 release will be production-ready.

# Install the packages
npm install @object-ui/react @object-ui/components

# Start building
import { SchemaRenderer } from '@object-ui/react'

Read the full guide →

Community