---
title: "Layer Stack — Free Framer component · Best of Framer"
description: "Free Framer component · by Marco Ponce de León · Cards. Interactive Composition"
canonical: "https://framer.elliotli.dev/component/layer-stack"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Layer Stack

# Layer Stack

Interactive Composition

[View on Framer](https://framer.com/marketplace/components/layer-stack/?via=elliot-li)

![Layer Stack preview image 1](https://framer.elliotli.dev/og/component/layer-stack/ed9d3fc4d1363a3a/1600x900.jpg)

## Summary

Interactive Composition

## Description

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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #724

## Details

- **Author**: Marco Ponce de León
- **Published**: 2026-06-26
- **Updated**: 2026-06-26
- **Added**: 2026-06-26
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator