Skip to main content
Batoi UIF

Dependency-Free Interfaces for Governed Platform Experiences

Batoi UIF 3.0.0 is the dependency-free, browser-native interface framework for server-rendered Batoi pages, RAD workspaces, Micro Apps, dashboards, mobile shells, and governed AI and MCP interaction surfaces.

Version 3.0 standardizes lifecycle and declarative contracts, curated application profiles, localization and RTL behavior, security capabilities, and governed agent interactions.
0Runtime framework dependencies 35Native SVG chart patterns 1,000+Bundled interface icons 0Unverified package entry points
Read Docs Examples Home Open GitHub
Interface Foundation

What UIF Standardizes

UIF gives Batoi teams one shared browser layer for repeated operational workflows without forcing every page into the same composition.

Server-Rendered First

Use plain HTML, CSS, JavaScript, SVG, and declarative data-uif-* behavior inside RAD routes and public pages.

Operational Visualization

Render dependency-free charts for dashboards, local data studios, finance views, statistical summaries, and Flint-compatible specs.

Governed Interaction

Frame AI actions, MCP approvals, forms, tables, mobile shells, and realtime regions while privileged execution stays on the backend.

Adoption Path

Start with a page. Grow into a micro app.

UIF works as route-scoped enhancement first: add the CSS and JS bundle, declare behavior with attributes, then layer in charts, tables, forms, realtime updates, or approval cards where the workflow needs them.

Load

Use the built browser files from /assets/batoi-uif-main/dist/.

Declare

Add data-uif behavior to server-rendered controls.

Visualize

Render charts, metrics, tables, and local app surfaces without chart libraries.

Rehydrate

Restart components after RAD partial swaps and governed server updates.

Documentation

Learn Batoi UIF

Use the public documentation for setup, v2-to-v3 migration, package profiles, localization, Micro Apps, hardened editors, chart compatibility, accessibility, security, and release guidance.

Open Documentation
Start

Getting Started

Install, load assets, and create your first UIF surface.

Read guide
Version 3

Profiles and Migration

Choose a purpose-built package profile and move from v2 diagnostic behavior to the strict v3 contract.

Read guide
Global

Localization and RTL

Configure locale-aware formatting, messages, and logical-direction layouts.

Read guide
Apps

Micro Apps

Build client-side tools with contained state and exportable outputs.

Read guide
Design

Tokens and Theming

Customize colors, density, radius, and interface behavior.

Read guide
Charts

Chart Compatibility

Review native chart types, Flint mappings, and unsupported chart behavior.

Read guide
Content

HTML and Markdown Editors

Implement deterministic editing, diagnostics, accessible tools, governed autosave, and uploads.

Read guide
Release

Compatibility and Releases

Review browser support, API stability, lifecycle ownership, integrity checks, and release gates.

Read guide
FAQ

Batoi UIF Questions

What is Batoi UIF?

Batoi UIF is the interface framework for building consistent, governed, accessible, and operationally useful Batoi Platform surfaces.

Where is the source code?

The public source repository is available at github.com/batoisystems/batoi-uif.

Where should I start?

Start with the Batoi UIF documentation, then review the public source and release guidance for implementation details.