json-render: Open-Source-Framework für generative Benutzeroberflächen

Repositoryvercel-labs/json-renderTool

json-render ist ein TypeScript-basiertes Generative-UI-Framework von Vercel Labs, das dynamische Benutzeroberflächen aus Prompts mittels vordefinierter Komponenten und Schemas erzeugt.

Das Wichtigste

  1. Generative Benutzeroberflächen werden durch vorab definierte Komponentenkataloge und Aktionen abgesichert, sodass die KI nur freigegebene Elemente nutzen kann.
  2. Die Ausgabe erfolgt als schema-konformes JSON und unterstützt progressives Streaming während der Modellausgabe.
  3. Umfassende Plattform- und Framework-Unterstützung für React, React Native, Vue, Svelte, SolidJS, Next.js, Ink (Terminal), React Three Fiber (3D), Remotion (Video), React PDF und React Email.
  4. Enthält 36 vorgefertigte Komponenten auf Basis von shadcn/ui.

Warum das relevant ist

Unkontrollierte KI-Code-Generierung im Frontend birgt Sicherheits- und Darstellungsrisiken. Ein schema-basierter Ansatz mit festen Komponenten begrenzt den Gestaltungsspielraum von LLMs auf ein validiertes Designsystem.

Einordnung

Das Projekt löst das Zuverlässigkeitsproblem generativer Interfaces: Statt freien Code zu generieren, liefert das Modell strukturiertes JSON, das an eine Typschnittstelle (z. B. via Zod) gebunden ist. Technisch setzt es auf TypeScript und modulare Adapterpakete für gängige UI-Frameworks, PDFs, E-Mails und 3D-Szenen. Die Zielgruppe umfasst Entwicklerteams, die LLM-gesteuerte Interfaces in bestehende Applikationen einbetten wollen. Mit über 16.000 Sternen, Apache-2.0-Lizenz und Vercel Labs als Urheber weist das Framework bereits eine breite Akzeptanz im Ökosystem auf.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:shadcn-ui/chatbot-template

    shadcn/ui Chatbot-Template: Minimaler AI-Chat mit Vercel AI Gateway

    Das offizielle Chatbot-Template von shadcn/ui bietet eine schlanke Referenzimplementierung für moderne KI-Chat-Oberflächen. Es basiert auf Next.js, dem Vercel AI SDK sowie UI-Komponenten aus dem shadcn-Ökosystem und bindet Modelle über das Vercel AI Gateway an.

    910SterneTypeScript

    KI & AI· Tool

  • Repository:vercel/ai

    Vercel AI SDK: Provider-agnostisches TypeScript-Toolkit für KI-Anwendungen und Agenten

    Das AI SDK von Vercel ist eine quelloffene TypeScript-Bibliothek zur Entwicklung von KI-Anwendungen und autonomen Agenten. Es bietet eine einheitliche Schnittstelle für Modelle verschiedener Anbieter wie OpenAI, Anthropic und Google und lässt sich nahtlos in Frameworks wie Next.js, React, Svelte, Vue und Angular einbinden.

    26.588SterneTypeScript

    KI & AI· Tool

  • Repository:shadcn-labs/pdfcn

    pdfcn: React-Komponenten für PDF-Erstellung im shadcn-Stil

    pdfcn ist eine quelloffene Komponentenbibliothek zur Erstellung von PDFs mit React. Sie basiert auf Takumi sowie Forme und übernimmt das Copy-Paste-Prinzip und CLI-Workflow-Modell von shadcn/ui.

    1045SterneTypeScript

    Webentwicklung· Tool

  • Link:localmode.ai

    LocalMode UI: Komponenten und Blocks für browserbasierte lokale KI

    LocalMode UI stellt über eine shadcn-kompatible Registry mehr als 100 React-Komponenten und 36 vorgefertigte Blöcke für lokale KI-Anwendungen direkt im Browser bereit. Modelle laufen ohne Server und ohne API-Schlüssel via WebGPU oder WebAssembly vollständig auf dem Endgerät.

    KI & AI· Tool

  • Repository:SLtowl/sl-ui-library

    SL UI Library: Interaktive UI-Komponenten mit KI-Plugin-Anbindung

    SL UI Library ist eine Open-Source-Sammlung von 388 interaktiven Benutzeroberflächen-Komponenten mit Exportoptionen für reines HTML/CSS/JS, React und Next.js sowie direkter Plugin-Integration für Claude Code und Codex.

    33SterneJavaScript

    KI & AI· Tool

Sprechen wir über Ihr Projekt.

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.