Skip to main content

Open Source · TypeScript · React

eSheet Documentation

Modular form builder & renderer for React

Build schema-driven forms with modular packages for visual authoring and runtime rendering.

Get Started Live Demo

Builder

visual authoring

Renderer

runtime delivery

Core

shared schema

new-case.esheet.yaml
id: new-case
title: New Case
pages:
  - id: details
    fields:
      # Capture the details needed to route the case.
      - id: name
        fieldType: text
        question: Full Name
        required: true
      - id: status
        fieldType: radio
        question: Status
        options:
          - id: active
            value: Active
          - id: inactive
            value: Inactive
<EsheetRenderer />
Preview

Full Name *

Status

ActiveInactive
Submit

Overview

Key Features

Everything needed to design, integrate, and run forms in modern application workflows.

Visual Builder

Drag and drop field authoring with logic controls, schema editing, and live preview in one flow.

Runtime Renderer

Render dynamic forms with conditional interactions and response capture for production workflows.

Extensible Core

Compose package layers with a TypeScript core and React UI packages for custom field ecosystems.

Experience

Try It Live

Open the live demo to test schema rendering, conditional behavior, and response flow without any setup.

Open Live Demo Read the Docs
01

Author

Build visually or in code

02

Preview

Test conditions live

03

Collect

Capture form responses

Install

Quick Start

Start with builder and renderer first, then add runtime variants when needed.

Primary path→

@esheet/builder

npm install @esheet/builder

Create and manage schemas with the visual editor package.

Primary path→

@esheet/renderer

npm install @esheet/renderer

Run schema-driven forms and collect responses at runtime.

Runtime option→

@esheet/renderer-standalone

npm install @esheet/renderer-standalone

Use a drop-in runtime when you need a simple integration path.

Runtime option→

@esheet/renderer-blaze

npm install @esheet/renderer-blaze

Use the Blaze runtime package for Blaze template environments.

Modules

NPM Packages

Each package is independently installable and serves a distinct role in the ecosystem.

Foundationnpm →

@esheet/core

Core types, schema models, validation helpers, and logic primitives.

Authoringnpm →

@esheet/builder

Visual editing package for schema authoring and workflow design.

Runtimenpm →

@esheet/renderer

Runtime package for interaction handling and response collection.

Field Layernpm →

@esheet/fields

Reusable field implementations and rendering building blocks.

Adaptersnpm →

@esheet/adapters

Bidirectional converters between eSheet schemas and SurveyJS, MCP, and other formats.

Runtimenpm →

@esheet/renderer-blaze

Blaze template runtime package for form rendering.

Runtimenpm →

@esheet/renderer-standalone

Standalone drop-in runtime for simple integration paths.

Learn More

Resources

Documentation, community links, and quick references to get you moving.