AI-Native Specification for UIs

Make it easier for AI to use your Design System + Component Library

OpenUI Examples

Toggle between different UI libraries to see how OpenUI standardizes their component specifications:

name: shadcn/ui
version: 0.1.0
description: A collection of re-usable components built using Radix UI and Tailwind CSS.

components:
  Button:
    description: Displays a button or a component that looks like a button.
    props:
      variant:
        type: string
        description: The variant of the button.
        enum:
          - default
          - destructive
          - outline
          - secondary
          - ghost
          - link
      size:
        type: string
        description: The size of the button.
        enum:
          - default
          - sm
          - lg
          - icon
      asChild:
        type: boolean
        description: Whether to render as a child component.
        default: false

Show Full Spec

Standardization

Define UI components with a common language across different libraries.

AI-Native

The best way for AI to understand your library or design system.

Efficiency

Streamline development with consistent APIs and behavior across components.

Universal

Support for multiple popular UI libraries and frameworks out of the box.

Get Started with OpenUI

Learn how to define your UI components

View Spec