Orbix – Angular Admin & Dashboard Template (Bootstrap 5)
Thank you for choosing Orbix. This manual covers version 1.0.1 of the Angular edition built on
Bootstrap 5.3. It opens offline from documentation/index.html and the same pages are published online.
What Orbix is
Orbix is a complete admin and dashboard template for Angular 22 + TypeScript. It is a single-page app with the
Angular Router: every screen is a standalone component (a .ts class and its .html template) with translated
texts and reusable components, the pages load on demand, and the language, the theme and the layout change without
a reload. Start building your back office, SaaS panel or internal tool on day one. No back end is needed to browse
the template: the demo data is static.
Highlights
- 129 pages: 6 dashboards (Analytics, eCommerce, CRM, Projects, SaaS subscriptions, Point of sale), 24 app screens (calendar, chat, email, kanban, contacts, invoices, file manager, shop, projects, CRM, support desk), 27 authentication pages in three styles, account, utility and status pages, UI components, forms, tables, charts and icon galleries.
- Angular 22: standalone components, signals (signal inputs,
computed), the built-in control flow (@if,@for,@switch), OnPush change detection without zone.js, strict TypeScript and strict templates, built by the Angular CLI (application builder, esbuild). - Angular Router: route table in one file, layout routes, pages loaded on demand (
loadComponent), translated document titles, scroll restoration. - Bootstrap 5.3 CSS engine with the Orbix design system: design tokens,
fd-*components, logical CSS properties. - Light, dark and system modes, 8 brand presets, radius, density and elevation settings.
- Layouts: vertical, horizontal, two-column, detached, boxed, icon and hover sidebars, dark and brand sidebar tones, fluid and boxed widths.
- Live theme customizer, command palette (Ctrl + K), notifications and language menus.
- Five languages – English, Spanish, Portuguese, French and Arabic – with Transloco, full right-to-left support and locale-aware numbers, dates and currencies.
- Charts with Apache ECharts, themed from the design tokens and mirrored in RTL (
[oxChart]directive). - Lucide and Tabler icons as an SVG sprite (only the icons in use are inlined).
- Starter kit: the same shell with the authentication pages and an empty start page.
- No jQuery, no CDN: every asset is compiled locally by the Angular CLI. No inline styles.
- Vitest test suite with TestBed (the Angular unit-test builder) covering every page, the navigation, the languages, the sources, the initial state of form fields, the demo images and the production build.
What is in the package
| Folder or file | Contents |
|---|---|
documentation/ | This manual (offline HTML) |
orbix-angular/ | The full template: 129 pages, Bootstrap 5 CSS engine |
orbix-angular-starterkit/ | The starter kit: shell, auth pages and one blank page, same build pipeline |
changelog.txt | Version history |
licensing.txt | Third-party components and their licenses |
LICENSE.txt | License terms of the item |
Neither folder contains node_modules/: npm installs the dependencies (see Installation).
The design system ships inside each project as a local npm package (packages/foundry-ui/).
Browser support
The latest two versions of Chrome, Edge, Firefox and Safari (desktop and mobile). The template uses modern
CSS (custom properties, logical properties, color-mix()) and ES2022 JavaScript.