v14.0.0 Confirmed & Live on GitHub Pages

Building Tables & Forms is Tough.
We Made Them Config-Driven.

json-to-dom-renderers is the high-performance JSON-to-JSON state transformation engine. It turns column schemas and raw business data into declarative element specifications compiled at native speed by json-to-dom.

Open Interactive Demo Explore Recipes
CONFIRMED ENDPOINT Zero build step • Native ES Module • Direct Browser Import
Production Ready

The Verified CDN Endpoint

This is the confirmed, tested URL hosted on GitHub Pages ready to use in your applications right now: 

import { Table, Form, DataList, createDataProvider } 
    from "https://keshavsoft.github.io/json-to-dom-renderers/dist/v14/min.js";
Instant Console Check window.ks 
> window.ks["json-to-dom-renderers"].version
< "v14.0.0"
HTML Script Tag ESM Script 
<script type="module" 
  src="https://keshavsoft.github.io/json-to-dom-renderers/dist/v14/min.js">
</script>
Quickstart

Render a Table in 10 Seconds

Zero HTML String Templates 
import { Table } from "https://keshavsoft.github.io/json-to-dom-renderers/dist/v14/min.js";

// Instantiate with plain JSON columns and data
const table = new Table({
    inColumns: [
        { key: "item", label: "Product Name", type: "string" },
        { key: "qty", label: "Qty", type: "number", align: "right" },
        { key: "rate", label: "Rate", type: "number", align: "right" }
    ],
    inData: [
        { item: "Apples", qty: 10, rate: 50 },
        { item: "Oranges", qty: 25, rate: 30 }
    ],
    inConfig: { serial: true },
    inTargetContainerId: "table-container"
});

// Mount to DOM
table.render();
Documentation Hubs

Explore Dedicated Guides

5 Specialized Sections
Interactive Live Demo

Hands-on sandbox demonstrating Table, Form, and DataList orchestrated together with live theme switching and JSON inspectors.

Open Demo
Architecture & Mental Model

Learn the story of Two Worlds: The JSON Specification World vs Native DOM World, and why this separation delivers unmatched speed.

Read Architecture
How-To Guide & Recipes

Step-by-step recipes for serial numbers, multi-tier footer aggregates, formula evaluations, autocompletes, and REST providers.

View Recipes
Pitfalls & Anti-Patterns

The 7 critical mistakes to avoid: parameter naming rules, preventing layout thrashing, and keeping state synchronized.

Explore Pitfalls
Complete API Reference

Exhaustive documentation for Table, Form, DataList, TableStore, FormStore, and createDataProvider methods and configs.

Inspect API