Build & Run Declarative UI Apps

OpenAPI is your foundation. No codegen. Point UIGen at a spec and get tables, forms, auth, charts, and live WebSocket streams at runtime.

$ npx @uigen-dev/cli@latest init my-app
# → Scaffolds project with config, theme, and AI skills

$ npx @uigen-dev/cli@latest serve openapi.yaml
# → Your UI is live at http://localhost:4400

Everything you need from an OpenAPI frontend generator

AI agent skills

Built-in skills auto-detect auth, charts, WebSockets, relationships, and themes. Zero manual GUI work.

Live WebSocket streams

Declarative x-uigen-websocket merges live telemetry into list, detail, and chart views through the /api proxy.

Built-in charts

Line, bar, pie, and scatter charts above list views with sampling, filters, and live refresh.

Auth out of the box

Bearer token, API Key, HTTP Basic, OAuth 2.0 social login, and credential-based flows.

Electron desktop target

Serve the same UI in a native window with uigen serve --target electron.

Live API calls

Built-in HTTP and WebSocket proxy forwards requests to your real backend. No mocking.

Zero boilerplate

Drop in an OpenAPI spec and get tables, forms, pagination, and relationships with no code to write.

Override system

Replace any auto-generated view with your own React component, opt in per view.

Framework agnostic IR

The core IR drives React today. Svelte, Vue, and React Native renderers are on the roadmap.

What's shipping

Core engine, React renderer, live WebSockets, charts, and docs are live on npm.

  • Core IR engine
  • React renderer
  • CLI (npx @uigen-dev/cli)
  • Built-in charts (x-uigen-chart)
  • Live WebSocket streams
  • Electron desktop target
  • Override system
  • AI agent skills
  • OAuth 2.0 social login
  • Docs site
  • Svelte, Vue & React Native renderers
  • OAuth2 PKCE for web SPA
Full roadmap →