04Shared UI · 3 products · 6 client deployments
MobiOfficeHQ Design System
In-house component library shared across 3 products, with light/dark themes and per-product branding.
- Products on one shared library
- 3
- Client deployments
- 6
- Themes — light and dark
- 2
Built with
- Nx
- Angular
- TypeScript
Highlights
Key capabilities, at a glance.
- 01
High-performance data table — sorting, filtering, grouping, Excel export
- 02
UI kit: dialogs, forms, date pickers, menus, drawers and charts
- 03
Light and dark themes with custom branding per product
- 04
Single codebase deployed to 6 clients across dev and production
How it works
The architecture, step by step.
Interact with the live view, then read the full walkthrough of every stage.
| Update API docs | Done | P3 | 2026-10-02 |
| Write migration | Todo | P1 | 2026-10-05 |
| Review pull request | In progress | P2 | 2026-10-08 |
| Ship release notes | In progress | P3 | 2026-10-10 |
| Fix date picker bug | Todo | P2 | 2026-10-12 |
Demo data · click a header to sort
One codebase, every product
- 01
Nx Workspace
One Angular and TypeScript codebase, organised as an Nx workspace.
- 02
UI Kit
Dialogs, forms, date pickers, menus, drawers and charts — plus a high-performance data table with sorting, filtering, grouping and Excel export.
- 03
Theming
Light and dark themes, with custom branding applied per product.
- 04
3 Products
The same library is shared across 3 products.
- 05
6 Client Deployments
A single codebase deployed to 6 clients across dev and production.
Contact
Have an interesting problem?
Let's build something useful.