Show HN: GolemUI – The new paradigm for JavaScript forms

# GolemUI - The Declarative Form Engine Source: [https://golemui.com/](https://golemui.com/) GolemUI ### React \+ React Hook Form - Schema serialization \(forms as JSON\) - A11y, keyboard, ARIA out of the box - i18n adapter — bring your own library \{gui\.\}- 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\. ### Source code [Get Started](https://golemui.com/dx/getting-started/installation/)[GitHub ↗](https://github.com/golemui/golemui) ## TheNew Paradigmfor buildingforms\. 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 withJSON 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 canlive 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 fromreusable blocks\. Write`gui\.\*`— a typed, autocompletable builder — and reuse fields, validators and logic as blocks; wire in third\-party libraries and your own components\. ## Savetoken$\. Breeze throughreview$\. `\{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 0tokens 89 lines of form code · tokenized with`cl100k\_base` GolemUI 0tokens 52lines ·−41%on the same form [Get started with AI](https://golemui.com/dx/getting-started/build-with-ai/) ## What you getout 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 0kb gzipped LCP 0ms Largest Contentful Paint Lighthouse 0 Perfect Score GolemUIDIY Schema serialization \(forms as JSON\) Accessibility — WCAG 2\.1 AA & ARIA Internationalization \(i18n\) Schema\-driven validation \+28 built\-in components ## Yourbrand\. Yourrules\. 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\. ## Aforms engine, totalfreedom\. 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\. Our own are built on Zod\. BYOi18n### Bring your own i18n Map any i18n library in through a simple adapter, and keep the advanced features it is good at\. ## Ready to Start Building? Stop fighting with form state and logic\. Start defining smarter, serializable forms in minutes with GolemUI\. [Read the Docs](https://golemui.com/dx/getting-started/installation/)[View on GitHub ↗](https://github.com/golemui/golemui)