UI Blocks
The UI blocks are what you build the front end with: components, theming, localization and accessibility, plus client libraries that talk to the rest of the platform so you are not hand-writing fetch calls against your own backend.
The blocks
Section titled “The blocks”| Block | What it does |
|---|---|
| Components | Enterprise components — forms, grids, charts |
| Theming | Universal theming built on UnoCSS |
| Figma | Convert Figma designs into components and themes |
| Localization | Multiple languages and locales |
| Accessibility | Components aligned to WCAG 2.2 |
| JS Libraries | Client libraries for the AI and BaaS blocks |
Where to start
Section titled “Where to start”Building a screen? Components first, then Theming to make it yours.
Talking to the backend? JS Libraries — they wrap the Data API, IAM and the AI blocks, so authentication and tenancy headers are handled rather than reimplemented per app.
Shipping to more than one market? Localization and Accessibility are much cheaper adopted early than retrofitted — both touch every component you have already written.
A note on where UI stops
Section titled “A note on where UI stops”These blocks render and call. They do not hold business logic: rules belong in Rules, multi-step processes in Workflows, and API composition in BFF rather than in a component.