SynUI

A drag-and-drop UI kit for React: build any front end — a shop, a landing page, a portal, an app's screens — as a folder of small JSON files, then render it anywhere. One package renders, one builds.

@synui/renderer renders a built site from its JSON folder (also shipped as a CDN script); @synui/builder is the visual editor with an app-defined API list, template library and media API, plus headless tools. Both are objects created from a config rather than components with props, so there is no provider or context to keep in sync.

Two packages with a hard boundary: the builder's code never ships in a site — a build check enforces that the renderer contains none of it — and the builder uses the renderer as a same-version peer dependency. Built with Vite, React 19, Tailwind CSS 4 and Radix primitives, versioned through packed releases (v3.5 to v3.8), with the public renderer mirrored to a CDN repository served by jsDelivr. Commerza consumes it as its storefront designer.