MetisSidebar is a complete Reactive Web theme and screen library that recreates the “Metis” Bootstrap 5 admin dashboard design natively in OutSystems — using only OutSystems UI patterns and widgets, with zero Bootstrap/external CSS dependencies.

What’s included

Layout & Navigation

• Collapsible LayoutSideMenu-based shell with a working expand/collapse toggle (persists sidebar state, animates width)
• Sidebar navigation with icon + label items, “Hot”/”New”/count badges, nested collapsible submenus (native <details>/<summary>, no JS), and an “Admin” section label
• Header bar with search trigger, notification bell (dropdown with unread badge), and a user menu (avatar, live username, Profile/Settings/Logout) wired to the platform’s real login/logout flow

Screens

• Dashboard – KPI cards, Revenue Overview / User Growth charts (OutSystemsCharts), Order Status donut, Recent Activity feed, Recent Orders table, Storage/Location progress bars, and a “Quick Add” popup with validation
• Analytics – extended KPI set, revenue trend chart, traffic sources, a conversion funnel, a real-time activity panel, and a Top Pages table
• Users – user KPIs, registration trend chart, department distribution, quick actions, activity/alerts panels, and a full Users Directory table (OutSystems UI TableRecords, filterable, paginated)

Theming
All colors, spacing, radii, shadows, and typography are driven by CSS custom properties (--metis-*) defined once in the module’s theme, so the whole look can be re-skinned by changing a handful of variables rather than hunting through markup.

Data
Dashboard/Analytics/Users screens ship with realistic mock data (via lightweight server actions) so the UI is demo-ready out of the box; swap in real aggregates/entities to go to production.

Roadmap
This is an actively maintained asset — more screens (Products, Orders, Forms, Reports, Settings, auth/error pages, and others from the original Metis template) are planned in upcoming releases.

Requirements: OutSystems UI, OutSystemsCharts.