Blog

Technical articles, architecture deep-dives, and announcements from the UIGen team.

UIGen is open source

Star us on GitHub to follow development

Star

How to Create a UI for Your ESP32 IoT App

Olebogeng Mbedzi8 min read

Build a full admin panel for GPIO, sensors, and device actions from an OpenAPI spec. Walk through the ESP32 simulator example: contract-first API design, UIGen serve, and config annotations for charts and labels.

embeddedesp32example-appiotopenapitutorial

The UIGen Override System: How We Keep It Runtime While Enabling Full Customization

Olebogeng Mbedzi19 min read

A technical deep dive into UIGen's override system: how we enable developers to customize any view with TypeScript/React while maintaining our runtime rendering architecture and zero-code-generation philosophy.

architecturecustomizationoverridesruntime-renderingtechnical

UI Primitives Are Finite: Why UIGen Is a Runtime, Not a Code Generator

Olebogeng Mbedzi16 min read

The fundamental insight behind UIGen: UI primitives are finite, but interactions are not. How this truth led us to build a runtime that interprets your API spec, not a code generator.

ai-agentsarchitecturephilosophytechnical
UIGen's Compiler Architecture: A DSL for UI Generation

UIGen's Compiler Architecture: A DSL for UI Generation

Olebogeng Mbedzi8 min read

A deep dive into UIGen's compiler architecture, exploring how we built a domain-specific language on top of OpenAPI to transform API specifications into live web applications through runtime compilation.

architecturecompilerdsltechnical

Auto-Generate Landing Pages from Your OpenAPI Spec

Olebogeng Mbedzi6 min read

Add a single annotation to your OpenAPI spec and get a complete marketing landing page with hero, features, pricing, testimonials, and more. No React code required.

ai-generationautomationlanding-pagesopenapi

How to Style UIGen Applications

Olebogeng Mbedzi6 min read

A practical guide to styling UIGen applications using AI agents or manual CSS. Learn where styles are stored, how they're injected, and how to customize your app's appearance.

csscustomizationhow-tostylingtheming

Appsmith vs Retool vs UIGen: Choosing the Right Application Builder

Olebogeng Mbedzi28 min read

A comprehensive comparison of Appsmith, Retool, and UIGen for building API-driven applications. Understand the tradeoffs between low-code GUI builders and runtime rendering approaches to make the right choice for your team.

application-builderappsmithcomparisonlow-coderetool

Why UIGen Doesn't Generate Code (And Why That's Better)

Olebogeng Mbedzi15 min read

A deep dive into UIGen's runtime rendering architecture and why interpreting configuration at runtime is fundamentally better than generating code for API-driven applications.

architecturecode-generationruntime-renderingtechnical

Building a Meeting Minutes App with FastAPI and UIGen

Olebogeng Mbedzi11 min read

Learn how to build a production-ready meeting minutes automation system using FastAPI for the backend and UIGen to auto-generate a complete admin interface from your OpenAPI spec.

document-generationexample-appfastapitutorial

Config Reconciliation: Runtime Annotation Merging Without Touching Your Spec

Olebogeng19 min read

A deep dive into UIGen's Config Reconciliation System: how it merges user annotations at runtime, why it is non-destructive and deterministic, and how it enables customization without spec modification.

architectureconfigreconciliationtechnical

Customizing Your UIGen Theme: Brand Your Generated UI

Olebogeng Mbedzi11 min read

Learn how to customize the appearance of your UIGen-generated frontend using AI agents or manual CSS. Apply your brand colors, adjust spacing, and create a polished UI without touching React code.

aicsscustomizationdeveloper-experiencefeaturestheming

Introducing the UIGen Config Command: Visual Annotation Management

Olebogeng Mbedzi15 min read

A deep dive into UIGen's new config command that provides a visual interface for managing x-uigen annotations without touching your spec files.

annotationsconfigdeveloper-experiencefeatures

UIGen Architecture: A Deep Dive

UIGen Team16 min read

A comprehensive look at UIGen's architecture, design patterns, and the benefits of each architectural decision.

architecturedeep-divetechnical