Wir sind in einem frühen Stadium — melde dich bei uns!
Scroll-Jacking-Demo

Die Shell

Die Shell, die jedes Primebrick-Modul umhüllt — ein Layout, unendliche Bricks. Scrollen Sie, um die Animation zu steuern und die Anatomie des Primebrick-Backoffice zu erkunden.

↓ Scroll to control the animation
The Sidebar
The smartest sidebar
in any backoffice.
Switch organizations, modules, and contexts in seconds. Every brick registers itself — no config, no reload.
The Topbar
Everything you need,
one strip away.
Command palette, timezone, language, notifications, AI assistant, and theme — a passive strip for quick access and at-a-glance info. Just context.
Intro
🔒 https://backoffice.acme.org/system/settings/profile
Europe/Rome
System / Settings / Profile

Profile

JD
John Doe
John
Doe
john.doe@acme.com
English (US)
Europe/Rome
Organization Switcher
Switch between organizations. Each has its own modules, users, and data.
Module Switcher
Each brick registers itself automatically. Switch context without leaving the app.
Dynamic Navigation
Links are fetched from each module at runtime. New bricks appear here instantly.
Profile & Session
Your identity, roles, and permissions. Sign out or manage security settings.
Health & Version
Real-time status of database, cache, messaging, and identity provider.
Sidebar Toggle
Collapse or expand the sidebar. State persists across sessions.
Timezone
IANA timezone detected automatically. All timestamps respect this setting.
Language
Switch UI language. Every label is localized at runtime.
Error Panel
Active errors and warnings across all modules. Click to inspect details.
Notifications
Real-time alerts from background jobs, webhooks, and system events. Integrated push notifications via the Event Center, handled directly by the OS.
AI Assistant
Context-aware help. Ask questions about your data or request automations.
Theme Toggle
Switch between light and dark mode. Preference is saved per user.
Europe/Rome
System/Settings/Profile
Profile
Credentials
Organizations
Users
Roles
Security

Profile

JD
John Doe
John
Doe
john.doe@acme.com
English (US)
Europe/Rome
v1
Updated: 28/07/2026 14:32
Created: 15/06/2026 09:12
ID: a3f8c1d2
By: John Doe
By: admin@acme
Synced: 28/07/2026 14:35
Breadcrumb
Always shows the current path within the module hierarchy. Users always know where they are.
Quick Navigation
Each segment is a dropdown. Jump between sibling pages in the module without going back to the sidebar.
Page Title
Standard header for every page. Primebrick enforces a consistent layout across all modules.
The Content Area
Any page,
one standard layout.
Host any kind of page — forms, tables, dashboards. Primebrick enforces standard, predefined layouts so every module looks and feels native.
One shell.
Infinite bricks.