ZodUI 💎

A UI view framework powered by Zod that allows for easy extension and customization of your own type-specific UI mappings.

📃 UI design tailored to application type
▶️ Flexible display customization
💎 Zod-powered data model with robust interaction logic for edge cases
🏗️ Supports multiple frontend frameworks

import zodui from 'zodui'

import { List } from '@zodui/react'

import '@zodui/react'
// or
import react from '@zodui/react'
useEffect(() => {
  return zodui.global.use(react)
}, [])

import TDesignComponentsLib, { Common, Senior } from '@zodui/components-lib-tdesign'

// Register global component
zodui.global.use(Common)

function Foo() {
  return <List
    model={zodui.object({
      foo: zodui.string(),
    })}
  />
}

function Bar() {
  // Register local component
  zodui.use(Senior)
  return <List
    model={zodui.object({
      foo: zodui.string(),
    })}
  />
}

pionxzh/zodui

ZodUI 💎