On this page
Batoi UIF Examples
Batoi UIF examples are curated public applications and patterns that demonstrate how UIF can support real interface work.
Example Map
Current Examples
| Example | URL | What to Try |
|---|---|---|
| Governance Dashboard | /platform/uif/examples/governance-dashboard | Filter domains, review metrics, export dashboard JSON |
| Workflow Form | /platform/uif/examples/workflow-form | Validate inputs, submit a review packet, download JSON |
| Resource Register | /platform/uif/examples/resource-register | Search, filter, add records, inspect detail, export CSV |
| Data Visualization | /platform/uif/examples/data-visualization | Paste or upload CSV, infer fields, render charts, export SVG |
| AI App Builder | /platform/uif/examples/ai-app-builder | Configure provider payloads, preview generated apps, export markup |
| Theme Builder | /platform/uif/examples/theme-builder | Tune tokens, preview theme output, download CSS and JSON |
Example Standards
Each example should include:
- a working application surface
- browser-side interactions
- a visible Micro App contract
- purpose and recommended structure
- sample markup
- clear user actions and exports
Local Library Examples
Reference examples from the Batoi UIF library are served from /assets/batoi-uif-main/examples/ so the docs can point to the latest library copy after the library folder is refreshed.
| Library Example | URL | Use |
|---|---|---|
| Professional Showcase | Open library example | Review a broader product-grade UIF shell and compositions |
| Chart Gallery | Open library example | Review SVG-first chart examples from the library |
| Icon Gallery | Open library example | Review built-in SVG icons and usage patterns |
| RAD Dashboard | Open library example | Review RAD-oriented dashboard patterns from the library |
Curated examples on Batoi.com may be more polished and stable than raw library examples, while the library example URLs above track the locally refreshed library copy.