Resource Planning Dashboard • Andromeda Design System
A responsive resource planning dashboard designed for monitoring capacity, allocations, usage, workloads, and requests.
The interface was built using the Andromeda Design System, with reusable components, design tokens, and predefined rules that make the product consistent and scalable.
0
35
Mission Control is one of the templates from Andromeda, an AI-native design system built for designers, developers, and AI.
✨ Responsive
⚛️ React-ready
🎨 Built on reusable components and design tokens
🧠 Powered by the Andromeda Brain
3
3
284
Data-heavy dashboard.
Design systems are evolving.
This is a data-heavy dashboard built with Andromeda, an AI-native design system designed for designers, developers, and AI working from the same foundation.
✅ Responsive
✅ Code-ready
✅ Built for AI-assisted workflows
1
58
Most product cards show you a photo.
This one hands you the product.
Drag it. Spin it. See every angle. Change the finish and watch it recolor in real time. It's a real 3D turntable living inside a shop card, built with Three.js and WebGL, running right in the browser.
The line between "product photo" and "product experience" is disappearing fast.
2
3
107
Glass Dock is a macOS-inspired dock bar where each icon scales up as your cursor approaches, with spring physics that propagate gently to the neighbouring icons.
The glassmorphism backdrop, blur, and edge highlight all use native backdrop-filter so the dock picks up the page behind it.
Motion handles the proximity-based scaling without re-rendering each icon, which keeps things smooth even with a dozen entries. Use it as the navigation rail for an editor, dashboard, or web-app shell that wants a tactile, desktop-class feel.
2
67
Glass Notifications is a vertical stack of swipe-to-dismiss notification cards with glassmorphism surfaces and spring-animated layout transitions, so removing one card lets the others reflow rather than jumping.
2
103
Glass Sidebar is a collapsible glassmorphism rail that animates between an icon-only and a fully-labeled state with a single spring-driven transition.
Each row stays touch-friendly in both modes, and the labels fade in with a slight stagger so the expansion feels intentional.
The glass surface uses backdrop-filter, so it always picks up the background color of the app beneath. It is the default left rail for SaaS dashboards, admin panels, and any web app where you want a clean primary navigation that gets out of the way on demand.
2
89
AI Chat Inreactive Component
1
33
Your space, always in sync. Book a room in seconds. No back-and-forth.