json-render-nuxt-ui

Pre-built Nuxt UI components for json-render — define a catalog, point an LLM at it, and get AI-powered UI generation with live-streamed Nuxt UI interfaces.

100% compatible with the official @json-render/shadcn component set (29/29) as of Mar 28, 2026, plus additional non-shadcn layout/utility components. See SHADCN_UI_COMPONENTS_CHECKLIST.md.

Getting Started

1. 🚀 Try the live demo — see it in action
2. Use the npm package — integrate with json-render
3. Browse the demo app — full integration example

Packages

• packages/json-render-nuxt-ui — drop-in catalog definitions and Vue render functions for Card, Header, Button, and Input
• apps/demo — Nuxt 4 chat app that streams AI-generated UI specs and renders them in real time

Development

pnpm install
pnpm build    # build library and demo (dependency order via workspace)
pnpm test     # run tests in all packages (library unit tests + demo Vitest)
pnpm demo     # Nuxt dev server for apps/demo (builds the library first)

Demo-only commands from the repo root:

pnpm demo:build   # production Nuxt build for apps/demo
pnpm demo:test    # Vitest in apps/demo (builds the library first)

From apps/demo, pnpm dev, pnpm build, and pnpm test each run pnpm --filter json-render-nuxt-ui build first so the linked workspace package is built before Nuxt or Vitest runs.

License

MIT © Brainchimps GmbH