The @object-ui/designer package provides a visual drag-and-drop editor for creating Object UI schemas.
::: warning Coming Soon The Designer is planned for release in Q3 2026. This documentation is a preview. :::
import { Designer } from '@object-ui/designer'
function App() {
const [schema, setSchema] = useState(null)
return (
<Designer
schema={schema}
onChange={setSchema}
/>
)
}Drag components from the palette to the canvas.
Edit component properties visually with a sidebar panel.
See your changes instantly with live preview.
Generate schemas using natural language:
<Designer
enableAI={true}
aiPrompt="Create a user registration form"
/>Real-time multi-user editing like Google Docs.
Want to be notified when Designer launches?
See the full roadmap for Designer features and timeline.