On this page
Batoi UIF Documentation
Batoi UIF is the interface framework for building governed, accessible, and operationally useful Batoi Platform experiences.
It provides a practical foundation for product pages, workspace tools, dashboards, forms, registers, data visualization, AI-assisted interfaces, and theme customization.
What UIF Covers
- Layout systems for public and authenticated application surfaces
- Interface controls for forms, buttons, filters, badges, tables, and action areas
- SVG-first icons and chart-oriented presentation patterns
- Theme tokens for brand color, accent, density, radius, and typography
- Micro App patterns for client-side application surfaces inside larger Batoi pages
Recommended Reading
| Page | Purpose |
|---|---|
| Getting Started | Learn how UIF is loaded and used inside Batoi pages |
| Micro Apps | Understand the contained client-side application model |
| Examples | Review the curated example applications |
| Tokens and Theming | Customize visual tokens and export theme CSS |
| API Reference | Review the current browser-facing usage patterns |
Public Examples
The curated examples are available at /platform/uif/examples.
They demonstrate how UIF can support both focused patterns and fuller client-only applications.
The latest local library examples are available at https://www.batoi.com/assets/batoi-uif-main/examples/, including the chart gallery, icon gallery, professional showcase, and RAD dashboard examples.