K json-to-dom-renderers Back to Home

Step-by-Step Setup Guide

Follow these simple steps to load the library and verify that it is active in your browser.

1

Add the CDN to Your Project

Import the confirmed, tested build directly via ES Module

Include the native DOM compiler engine followed by json-to-dom-renderers. No build tools, Webpack, or Vite required: 

<!-- 1. Low-level Native DOM Compiler -->
<script type="module" src="https://keshavsoft.github.io/json-to-dom/docs/dist/v3/min.js"></script>

<!-- 2. High-level UI Renderers (v14 Confirmed Endpoint) -->
<script type="module">
    import { Table, Form, DataList, createDataProvider } 
        from "https://keshavsoft.github.io/json-to-dom-renderers/dist/v14/min.js";
</script>
2

How to Confirm the CDN is Loaded

Verify instantly using your browser's Developer Console

Once your page opens in Google Chrome or any modern browser:

  1. Press F12 (or Ctrl + Shift + I) to open DevTools.
  2. Click on the Console tab.
  3. Type the following command and hit Enter:
window.ks['json-to-dom-renderers']
What You Should See in the Console:
Elements Console Sources Network
> window.ks['json-to-dom-renderers']
< {version: 'v14.0.0', Table: ƒ, Form: ƒ, DataList: ƒ, createDataProvider: ƒ}
Successful Verification Checklist
  • version: 'v14.0.0' confirms you are running the exact latest build.
  • Table: ƒ confirms the Table renderer class is ready.
  • Form: ƒ confirms the Form generator is ready.
  • DataList: ƒ confirms the Autocomplete generator is ready.
  • createDataProvider: ƒ confirms the decoupled REST provider factory is ready.