React Email Editor

json-render is a generative UI framework from Vercel Labs that converts natural-language prompts and structured JSON outputs into interface specifications constrained by a developer-defined catalog of components, actions, schemas, and data bindings. The catalog generates the AI system prompt and acts as a guardrail; specifications are validated against the catalog and rendered progressively through a streaming compiler. Components can use state expressions, conditional visibility, computed values, templates, actions, and state watchers. The framework provides renderers and adapters for React, Vue, Svelte, Solid, React Native, Next.js, TanStack Start, terminal UIs, Remotion video, React PDF, React Email, SVG/PNG images, and React Three Fiber, along with optional shadcn/ui components, devtools, state-store adapters, MCP Apps integration, YAML support, and code-generation utilities.

React is a JavaScript library for building web and native user interfaces. It uses declarative views that update the appropriate components when application data changes, and lets developers compose encapsulated, state-managing components into larger interfaces. React code can use JSX, an HTML-like syntax for defining interface elements, although JSX is optional. The library is designed for gradual adoption, can render on the server with Node, and supports mobile applications through React Native. Its core repository is developed openly on GitHub under the MIT license.

ReUI is a free, open-source React component library for the shadcn/ui ecosystem, developed by Keenthemes. It provides more than 1,000 copy-and-own registry examples across 71 categories, presented in realistic dashboard layouts rather than isolated demos, including data grids, filters, timelines, steppers, trees, calendars, kanban boards, and other interface blocks. The components are composed from shadcn/ui primitives and Tailwind CSS, with 19 custom in-house component types. Its Data Grid uses TanStack Table and virtualization and supports features such as drag-and-drop, pinning, resizing, and infinite scrolling. The in-house components have both Radix UI and Base UI versions and are distributed as TypeScript source through the registry rather than as an npm package, allowing the source to be copied into a React project. ReUI is released under the MIT License.

Sandpack is a React component toolkit for embedding live-running code editing and preview experiences in web applications. It runs JavaScript and Node.js applications in the browser and can be used for interactive documentation, coding environments, low-code tools, generated website previews, and embedded playgrounds. Sandpack provides templates containing project files and dependencies, custom setup for changing dependencies or file structure, configurable built-in components, themes, and composable components and hooks for custom interfaces. It uses CodeMirror for editor functionality, supports npm dependencies, hot module reloading, error overlays, caching, and Node.js execution through its Nodebox runtime. The Sandpack Client package exposes a framework-agnostic bundler protocol, and the toolkit supports frameworks including Next.js, Remix, Vite, and Astro.

Drawesome is a drawing toolbar and canvas component for React applications. It provides seven pen types—pencil, pen, brush, fineliner, highlighter, fountain pen, and another configurable pen tool—that vary stroke width according to movement speed or direction, plus an eraser that removes areas of strokes rather than deleting whole strokes. The React component supports configurable tools, colors, sizes, opacity, toolbar placement, appearance, controls, themes, tooltips, keyboard shortcuts, and initial or externally managed strokes. Drawings can be exported as SVG or PNG, downloaded directly, or accessed as stroke data through its ref methods. It is installed with npm, requires React 18 or later as a peer dependency, and has no runtime dependency beyond React.