template

zfx Template - Live ImGui Theme Editor

LIVE DEMO

A starting point for your own zfx applications. This demo implements a live ImGui theme editor in just ~110 lines of code, showcasing:

• UI Reflection: Auto-generated widgets for all theme properties
• Layout System: 50/50 split panels using zfx's constraint layout
• Live Preview: Theme changes apply instantly to the UI itself
• Cross-Platform: Same code runs native and web

Run

Native:

zig build run

Web:

zig build -Dtarget=wasm32-emscripten run

The web build automatically opens in your browser.

Use as Template

This demo is designed to be forked and modified:

1. Copy the demo/ directory to start your project
2. Delete the zig.zon and zig fetch --save the latest commit.
3. Modify src/main.zig with your own UI
4. The build system is already set up for native and web
5. See src/theme.zig for an example of a layout struct

Start here and build your own cross-platform GUI!