āœØ Typedora UI

A Type-Safe Component Registry & Form Toolkit for Modern React Applications

Typedora UI is a next-generation extension layer for shadcn/ui, designed to bring full type-safety, schema-driven form components, and a flexible registry system to your UI stack. Whether you're building internal tools or large-scale applications, Typedora UI helps you ship faster with confidence.

šŸš€ Why Typedora UI?

šŸ”’ 100% Type-Safe Components

Strong types for every component ā€” Select, RadioGroup, Combobox, Field wrappers, and more. No more any, no more guessing.

šŸŽØ Built on shadcn/ui

All components follow the shadcn philosophy: beautiful primitives, fully customizable, no vendor lock-in.

šŸ§© Registry-Driven Architecture

Define, override, or extend UI components through a cohesive registry system. Perfect for design systems and multi-app environments.

šŸ“ Form-First by Design

Typedora UI integrates cleanly with TanStack Form, Zod, or React Hook Form, offering a frictionless form development experience.

āš” Developer-Friendly API

Minimal, predictable, composable. Designed for teams that care about maintainability.

šŸ“¦ Installation

bash
npm install typedora-ui# orpnpm add typedora-ui# oryarn add typedora-ui# orbun add typedora-ui

Typedora UI requires React 18+ and a project already configured with shadcn/ui.

āœØ Example: Type-Safe Select

tsx
import { TypedSelect } from "@/components/typedora-ui";
export function DemoSelect() {  return (    <TypedSelect      placeholder="Select fruit"      options={[        { label: "Apple", value: "apple" },        { label: "Banana", value: "banana" },        { label: "Orange", value: "orange" },      ]}      onValueChange={(value) => console.log("Selected:", value)}    />  );}

Strongly-typed from end to end ā€” even your event handlers get the correct type.

šŸ§± Components

Form-Ready, Typed Components

  • TypedSelect
  • TypedRadioGroup

Registry Core

  • JSON or TypeScript-driven registry configuration
  • Easy override / extend behavior

Utilities

  • Schema ā†’ UI component mapping
  • Field metadata helpers

šŸ“ Project Structure

typedora-ui/ā””ā”€ā”€ package.json

šŸ¤ Contributing

We welcome contributions from developers who care about type-safety, clean architecture, and beautiful code. If you have ideas, improvements, or new typed components, feel free to open an Issue or a Pull Request.

šŸ“„ License

MIT License ā€” Ā© 2025 Typedora UI Team.

ā¤ļø Acknowledgements

Typedora UI is built on top of exceptional open-source projects: