remotion-best-practices

A Generative UI framework that lets AI generate dynamic, personalized interfaces from natural language prompts using predefined component catalogs. Supports React, Vue, Svelte, Solid, React Native, and more, with 36 pre-built shadcn/ui components and guardrailed JSON output.

The core engine of the json-render Generative UI framework that enables AI to generate dynamic interfaces from natural language prompts constrained to predefined component catalogs. Provides guardrailed, predictable JSON output with cross-platform support for React, Vue, Svelte, Solid, and React Native.

Provides a json-render skill for generating PDF documents from AI prompts, using the @json-render/react-pdf package within the Generative UI framework that converts natural language into guardrailed, schema-validated component output.

Pre-built shadcn/ui component definitions and React implementations for the json-render generative UI framework, providing 36 components built on Radix UI and Tailwind CSS for rendering AI-generated interfaces.

A React Three Fiber 3D renderer for the json-render generative UI framework, providing 19 built-in 3D components for building interactive 3D scenes from JSON specs with meshes, lights, models, and environments.

Provides a json-render skill for Zustand state management integration within the Generative UI framework, enabling AI-generated interfaces with guardrailed, schema-validated components across React, Vue, Svelte, and other platforms.

A Generative UI framework that lets AI generate dynamic, personalized interfaces from prompts using predefined component catalogs. Supports React, React Native, Vue, Svelte, SolidJS, Remotion (video), React PDF, React Email, and terminal UIs with guardrailed, schema-validated JSON output.

A skill for @json-render/remotion that converts JSON timeline specs into video compositions using Remotion. Supports standard and custom components, transitions, effects, and video catalog definitions.

A skill for @json-render/image that converts JSON specs into SVG and PNG images using Satori. Supports standard and custom components for OG images, social cards, and AI-generated image specs.

A skill for json-render, a Generative UI framework that lets AI generate dynamic, personalized interfaces from natural language prompts. Supports React, Vue, Svelte, Solid, React Native, and more, with guardrailed component catalogs ensuring predictable, schema-valid output.