Skip to content
Texaryn

Schema-driven forms.
Your UI.

Turn JSON Schema, TypeBox or Zod schemas into dynamic forms. Texaryn handles state, validation and submission. Your framework and components control the look.
Build your first formTry the playgroundChoose your framework

React · Angular · Vue · Svelte · SolidJS · Web Components

Build a settings page, an onboarding flow, or a form whose fields change with the answers. Keep the schema as the data contract and choose how each control renders.

Use your design system

Start with native controls, Bootstrap 5 or Material UI for React, or register your own widgets. Presentation stays separate from schema rules.

Share behavior across frameworks

Validation, submission and array identity live in a headless TypeScript runtime. Each binding renders the result through its own components.

Let fields follow the data

Conditionals, references and dependencies decide which fields appear. The schema adapter evaluates them as values change.

Inspect each step

Explore the schema, projection, UI document and live data in the playground. The guides link to examples from the executable catalog.

See what you can build

Section titled “See what you can build”

Open an example, edit its schema or data, and switch renderers in the playground.

if / then / elseOpen in the playground

Set the account type to business and the company fields activate; set it to personal and the nickname activates instead. Fields from the inactive branch stay in the document with active false rather than disappearing.

  • if / then / else
  • String enums
Array add, remove and identityOpen in the playground

Add and remove rows and watch the identity of the surviving rows. Removing the first item must not hand its identity to the second, which is what keeps focus and per-item state attached to the right row.

  • Add an array item
  • Remove an array item
  • Stable array item identity
  • Array types

Need to present data without editable fields? Display documents render lists, tables, layouts, text and host actions through the same bindings, without a schema adapter. The AI generation guide defines the structured output a model can produce for either path.

Start with your stack

Section titled “Start with your stack”
Build your first formA complete React example, from installation to a validated submission.
Choose your packagesSetup guides for all six bindings, schema adapters and optional widgets.
Check schema supportSupported JSON Schema keywords, dialects, projection and validation limits.
Understand the architectureHow adapters, runtimes and renderers work together.

Know the compatibility contract

Section titled “Know the compatibility contract”

The core, JSON Schema adapter and React binding are at 1.0. Other packages version independently and remain below 1.0. Read the roadmap for release status and product direction.

JSON Schema Draft 4, Draft 7, 2019-09 and 2020-12 are supported. Supported dialects do not mean every keyword generates a control: the support guide separates form generation from validation coverage.

Texaryn is Apache-2.0 licensed. Browse the source or report an issue.