Service Stack turns a plain list of services into a living, isometric stack that assembles itself the moment it scrolls into view. Each layer is an angled glass card; hover any layer and it lights up in its own color with a connector line and label. A soft ambient glow and a gentle idle float keep the whole stack feeling alive.
Built for the "What we do" moment on a site. Drop it into a services, features, or process section, type in your items, and it does the rest. No images or assets to manage.
Features
Scroll-triggered assembly. Layers fan out from a single stack when the section enters the viewport (powered by an intersection observer).
Isometric glass layers. Angled, rounded cards with a translucent finish that sit beautifully on dark or image backgrounds.
Color-on-hover. Each layer fades to its own accent color with a connector line, dot, and label.
Ambient glow. Adjustable radial glow behind the stack for depth.
Idle float. Subtle, staggered floating so the stack never feels static.
Fully data-driven. Add, remove, and reorder items, each with its own title and color.
Built-in labels. Optional service labels with their own color and size, so the component works on its own.
Tunable motion. Control open direction (bottom, center, top), duration, stagger, tilt, spacing, and size.
Service Stack turns a plain list of services into a living, isometric stack that assembles itself the moment it scrolls into view. Each layer is an angled glass card; hover any layer and it lights up in its own color with a connector line and label. A soft ambient glow and a gentle idle float keep the whole stack feeling alive.
Built for the "What we do" moment on a site. Drop it into a services, features, or process section, type in your items, and it does the rest. No images or assets to manage.
Features
Scroll-triggered assembly. Layers fan out from a single stack when the section enters the viewport (powered by an intersection observer).
Isometric glass layers. Angled, rounded cards with a translucent finish that sit beautifully on dark or image backgrounds.
Color-on-hover. Each layer fades to its own accent color with a connector line, dot, and label.
Ambient glow. Adjustable radial glow behind the stack for depth.
Idle float. Subtle, staggered floating so the stack never feels static.
Fully data-driven. Add, remove, and reorder items, each with its own title and color.
Built-in labels. Optional service labels with their own color and size, so the component works on its own.
Tunable motion. Control open direction (bottom, center, top), duration, stagger, tilt, spacing, and size.
