Skip to content
Search

OpenGenerativeUI

lastmod 2026-03-20created 2026-03-202 edits

Open-source AI-based generative UI framework

About

  • Faithfully implements the interactive visual generation feature that Claude released
  • Generative UI that automatically generates charts, diagrams, visualizations, and similar material instead of plain text responses
    • Algorithm visualization: binary search, BFS/DFS, sorting, etc.
    • 3D animation: interactive scenes based on WebGL/CSS3D
    • Charts and diagrams: pie charts, bar charts, network diagrams, etc.
    • Widgets and simulations: forms, math graphs, interactive tools, etc.
  • All visual elements are rendered inside a sandboxed iframe for security and isolation
    • Supports automatic light/dark themes, progressive animation, and responsive resizing
  • Generates interactive visual content in real time based on CopilotKit and LangGraph
    • Organized as a Turborepo-based monorepo
    • apps/app: frontend based on Next.js 16, React 19, and Tailwind 4
    • apps/agent: Python agent using LangGraph and CopilotKit middleware
  • How it works
    • The user enters a prompt through the CopilotKit chat UI
    • The agent decides the appropriate response form among text, tool calls, or visual components
    • The frontend's widgetRenderer hook receives the HTML and renders it in an iframe
    • After skeleton loading, performs a smooth fade-in and automatic height adjustment
  • Provides a visualization decision matrix
    • Automatically selects the suitable technology, such as SVG, HTML, Chart.js, Three.js, or D3.js, depending on the request type
    • E.g. a flowchart for explaining a process, a bar chart for comparing data, Three.js for 3D representation
  • MIT license

See also

Favorite site

author Zer0 sitemap