Orbix – Next.js Admin & Dashboard Template (Bootstrap 5)

Thank you for choosing Orbix. This manual covers version 1.0.3 of the Next.js 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 Next.js 16 (App Router) + React 19 + TypeScript. Every screen is an App Router route prerendered to static HTML, rendered by a typed React component with translated texts and reusable components; client-side navigation, the language, the theme and the layout change without a reload. Deploy it as a static site on any host, or run it on Node.js with next start. 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.
• Next.js 16 App Router (route groups for the app, auth and blank layouts, one page.tsx per page, metadata titles), React 19, TypeScript strict, Turbopack.
• Static export by default (one folder per page, a 404 page, sub-folder support) and Node.js server mode (next start, Docker).
• No hydration mismatch: the prerendered HTML and the browser render are checked page by page by the tests.
• 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 i18next / react-i18next, 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 (useChart hook).
• 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 Next.js. No inline styles.
• Vitest test suite (React Testing Library) covering every route, the hydration, the navigation, the languages, the sources, the demo images and the static export of the build.

What is in the package

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.