Formitiva

Build dynamic React forms visually - no JSX, no boilerplate.

Formitiva is a schema-driven, extendable form platform for React. Define forms as JSON (or visually), render them at runtime, and scale complex, configurable UIs without rewriting JSX.

• Visual Form Builder
• Forms as data (JSON, not JSX)
• Fully extendable (components, themes, validation, i18n)
• TypeScript-first
• Optimized for large, dynamic forms

Why Formitiva?

Most React form libraries are code-first:

• Forms are written in JSX
• Changes require code edits and redeploys

Formitiva is different:

• Forms are schema-driven
• Stored in APIs, databases, or CMSs
• Editable visually (low-code / no-code)
• Rendered dynamically at runtime

If your forms change often or are backend-owned, Formitiva fits naturally.

Use Cases

• SaaS settings & configuration pages
• Admin dashboards
• CMS-driven forms
• Product configurators
• Low-code / no-code platforms
• Enterprise dynamic UIs

Quick example

import { Formitiva } from 'formitiva';

const definition = {
  name: 'contactForm',
  displayName: 'Contact',
  properties: [
    { name: 'email', type: 'email', required: true }
  ]
};

export default function App() {
  return <Formitiva definitionData={definition} />;
}

No JSX fields. No wiring. Just render.

Key features

• Schema-driven rendering (JSON, not JSX)
• Visual drag-and-drop form builder
• Runtime-configurable forms
• Conditional logic & grouping
• Pluggable validation & submission
• Themeable via CSS variables
• Built-in i18n
• High-performance rendering
• ARIA-compliant by default

Extensible by design

Formitiva is a platform, not just a renderer. You can extend:

• Field components
• Validation logic (field, form, type)
• Submission workflows
• Themes & design systems
• Languages & translations
• Custom field types & metadata

No forks. No hacks.

How it compares

• Formik / React Hook Form ??code-first, JSX-based
• Formitiva ??schema-first, runtime-driven

Formitiva doesn��t replace form state libraries ??it replaces hand-coding forms when forms are dynamic.

Installation

npm install formitiva

Peer dependencies

• React ^18 || ^19
• React DOM ^18 || ^19

Learn more

• Full README
• Formitiva Official Site
• Documentation
• Demos
• Visual Builder
• Examples

License

MIT