---
title: "Click to Mask Expand — Free Framer component · Best of Framer"
description: "Free Framer component · by Sarib Khan · Cards. Click to Mask Expand is a simple component that you can copy and paste in your canvas."
canonical: "https://framer.elliotli.dev/component/click-to-mask-expand"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Click to Mask Expand

# Click to Mask Expand

[View on Framer](https://framer.com/marketplace/components/click-to-mask-expand/?via=elliot-li)

![Click to Mask Expand preview image 1](https://framer.elliotli.dev/og/component/click-to-mask-expand/83000754d53e93a3/1600x1200.jpg)

## Summary

Click to Mask Expand is a simple component that you can copy and paste in your canvas.

## Description

Click to Mask Expand is a simple component that you can copy and paste in your canvas.

After pasting the component, you need to add items inside. It is recommened to keep all items of same size.

### Highlights

1.  You can choose the layout between Horizontal or Vertical.
    
2.  Collapsed Size: Set the size for the closed state of container.
    
3.  Expanded Size: Set the size for the expanded variant of the container
    
4.  Set default Expanded container
    

### Adjust sizing and responsiveness

1.  Keep the component's height and widht "fit"
    
2.  Use same width for "Expanded Size" as your item's width
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-klf70m5y-XI3yeDRmwdNdnz2lAhCiYlSpjeF6Gs)

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

-   All · #1353

## Details

- **Author**: Sarib Khan
- **Published**: 2025-11-17
- **Updated**: 2025-11-17
- **Added**: 2025-11-05
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards