Templates

A FrameKit template is a code-defined React render function plus the metadata, dimensions, fields, content, variants, and assets that supply its inputs. Templates live under src/templates/ and are discovered from directories containing a template.tsx file.

Template concepts

• Template definition — the required shape, metadata, dimensions, and render boundary.
• Content and variants — template-owned content keys, labels, and data precedence.
• Fields — the six editable field kinds and their constraints.
• Assets — template-local images, public images, discovery, and manifests.
• Generated registry — the generated metadata and lazy loaders.
• Rendering — the typed values supplied to render.

Authoring guides

• Create a template — write a complete inline definition.
• Split a template definition — separate definition data from a more complex React component.
• Use image assets — add common, variant, and public images.

For the complete versionless contract and validation behavior, see the template reference.