---
title: "Package Stack — Free Framer component · Best of Framer"
description: "Free Framer component · by Kasun Nishshanka · Sections. Card Deck Tabs turns a plain list into a layered deck."
canonical: "https://framer.elliotli.dev/component/package-stack"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Package Stack

# Package Stack

Your service packages

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

![Package Stack preview image 1](https://framer.elliotli.dev/og/component/package-stack/3ba3aa82e6bab1f5/1600x1200.jpg)

## Summary

Card Deck Tabs turns a plain list into a layered deck.

## Description

**Perfect for editorial landing pages, service menus, pricing tiers, and portfolio showcases.**

Card Deck Tabs turns a plain list into a layered deck. Every option stays visible as a stacked tab click one and it glides to the front, expanding into a full showcase panel with a heading, description, call-to-action, and image. It adds motion and hierarchy without burying your content.

**Features**

-   Every item stays visible, active item slides forward
    
-   Click / tap to switch, with smooth spring easing between layers
    
-   Two-column reveal panel: heading, body copy, CTA, and image per item
    
-   Set which item opens by default
    
-   Separate styling for active vs. stacked (inactive) layers
    
-   Optional icon or number per tab
    
-   Fully responsive (Coming soon)
    
-   Works with any number of items via a repeatable item list
    

**Customizations**

-   Item list: tab label, heading, body, CTA text + link, image (per item)
    
-   Colors: active layer, stacked layers, text, CTA ‹verify›
    
-   Typography: font, size, weight, transform for heading / body / label
    
-   Layout: card radius, overlap/peek distance, panel padding, image aspect ratio
    

**Set up**

1.  Add the Stacked Reveal component to your canvas
    
2.  Fill in the label, heading, body, CTA, and image for each item
    
3.  Style active vs. stacked layers to match your brand
    

_After copying the component URL, paste it into your Framer project to import it._

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

-   All · #2323

## Details

- **Author**: Kasun Nishshanka
- **Published**: 2026-07-02
- **Updated**: 2026-10-20
- **Added**: 2026-07-02
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove