Lightlines
Catalogue
Sign in
By vercel-labs

react

vercel-labs

Turn JSON specs into working React interfaces.

frontend rendering

What it does

Renders JSON specifications as React component trees and helps build catalogs for JSON-driven UIs.

When to use it

Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

How to use it

Give it a project containing JSON specs or catalog requirements; it returns React rendering and type-safe component catalog code.

What you provide

  • JSON specifications
  • React components
  • component catalogs
  • An existing project

Access · 0

No additional actions listed in the analysis.

What you need · 3

The project must provide the @json-render/react package for defineRegistry, Renderer, schemas, providers, and hooks.

The project must provide @json-render/core when defining a catalog.

The project must provide zod when catalog component prop schemas use z.object and z.enum.


About this skill

Visibility
Public
Repository
vercel-labs/json-render
Created
Oct 8, 2026
Updated
Oct 8, 2026
Files
1