CLAVA · Slate Form Builder simulator

configured for · Yale SOM

Form builder & live brand preview

Pick form elements; each renders in the captured Slate runtime identity under the live build.css — so you see how Slate renders it and how the brand hooks in.

Your form is empty — add elements from the palette.

Generated Slate source

(add elements to see the source)
What this proves: the markup above reproduces the captured Slate Form Builder identity — the form_X class + data-type (incl. Likert = form_likert/likert and plugins = form_plugin:material/:widget), grounded to live captures — with representative inner markup; the styling you see is the live build.css reaching it through #content #main form[data-fw-form]. Offline limit: mobilify (mobile table→card), the signature signer modal, and plugin widgets run via Slate JS and won’t render here — confirm those with a live capture. Model + grounding: scripts/lib/slate-form-registry.mjs. Toolkit front door.