SDUI Kit

SDUI Kit is a framework-agnostic runtime for Server-Driven UI.

Use the core package to define the JSON protocol, actions and expressions. Choose a framework adapter to render the payload with your own components.

Live demo: React Basic.

React

pnpm add @sdui-kit/core @sdui-kit/react

Vue

pnpm add @sdui-kit/core @sdui-kit/vue

Use the framework selector in the top navigation for adapter-specific setup.

React

import { SDUIProvider, SDUIRenderer, createReactRegistry } from '@sdui-kit/react'

Vue

import { SDUIProvider, SDUIRenderer, createVueRegistry } from '@sdui-kit/vue'

Common Paths

• Start with the framework-neutral Getting Started.
• Set up React or Vue.
• Learn the payload shape in Protocol.
• Register app components with Component Registry.
• Agree with backend on Backend Contract.
• Load remote screens with Navigation & Screens.
• Connect stores and query clients with Data & Cache Adapters.
• Wire router/query libraries through Integrations.
• Build real screens with Layouts & Cards.
• Add form workflows with Dynamic Forms.
• Run the reference app in React Basic.