GolemUI - The Declarative Form Engine

GolemUI React + React Hook Form 89 Lines 8 Branches Schema serialization (forms as JSON) A11y, keyboard, ARIA out of the box i18n adapter — bring your own library {gui.} 52 Lines 0 Branches Schema serialization (forms as JSON) A11y, keyboard, ARIA out of the box i18n adapter — bring your own library …and more (keep scrolling ↓) Same form in every framework, with the code that renders it included. Get Started GitHub ↗ The New Paradigm for building forms. Walk through the form below to see how a few lines of declarative schema produce a fully reactive form — one feature unlocks at each step, with the code that drives it. Generate forms with JSON Schema. Every field, rule and layout is plain JSON — portable, storable, framework-independent. Store it, ship it, generate it; the UI renders itself from the schema. Your forms can live anywhere. Because the schema is data, not code, your form definition can travel where code can't. Most form libraries can't leave the codebase. GolemUI schemas can. Persist Save forms in a database. Store form definitions in any data store. Version them. Diff them. Roll them back. The same way you treat content. Ship Serve forms from a CMS. Marketers and ops teams can publish, update, and A/B test forms — no deploys, no engineering tickets. Generate Generate forms with an LLM. Ask a model for a form schema and render it instantly. Auto-build flows from a prompt, a doc, or a database column list. 28 widgets. Batteries included. What follows is a showcase of some of our components — real, accessible, themeable, all driven from the same schema. Hover to stop the reel and play with any one; click through for its docs. Compose forms from reusable blocks. Write gui.* — a typed, autocompletable builder — and reuse fields, validators and logic as blocks; wire in third-party libraries and your own components. Save token$. Breeze through review$. {gui.}

is small enough for your agent to emit cleanly — and small enough for your team to review at a glance. Same code, both jobs. React + React Hook Form 0 tokens 89 lines of form code · tokenized with cl100k_base GolemUI 0 tokens 52 lines · −41% on the same form Get started with AI What you get out of the box. Accessibility, i18n, validation, performance — the months of plumbing other libraries leave to you, handled before you write a single field. Library Weight 0 kb gzipped LCP 0 ms Largest Contentful Paint Lighthouse 0 Perfect Score GolemUI DIY Schema serialization (forms as JSON) Accessibility — WCAG 2.1 AA & ARIA Internationalization (i18n) Schema-driven validation +28 built-in components Your brand. Your rules. Pick a theme and watch the form re-skin instantly. GolemUI ships sensible defaults — your brand layers on top by overriding native CSS variables, no rebuild, no compile step, no glue code. Author a complete custom theme or just nudge a token. A forms engine, total freedom. Click any field's pill to swap its source — our built-ins, Material, Shoelace, or your own components. Because GolemUI is the engine, not a widget set, every field can come from anywhere: ship our defaults, drop in a third-party library, or wire up your own. Mix and match in the same form. Bring your own (almost) anything …and almost everything else — middlewares intercept the reactivity engine, itemRenderers customize how lists render, dependencies configure a component's internals. BYOFWK Bring your own framework React, Angular, Lit and Vue are first-class — or drive the engine from plain web components, or integrate your own. BYOCS Bring your own component set Build a component set of your own against the same widget architecture. We did — and called it {gui.}. BYOV Bring your own validators Any Standard Schema validator drops in — Zod, Valibot and many more.