---
title: "Shutter Slice Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Talha Manzoor · Cards. Split, slide, and reveal"
canonical: "https://framer.elliotli.dev/component/shutter-slice-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Shutter Slice Card

# Shutter Slice Card

Split, slide, and reveal

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

![Shutter Slice Card preview image 1](https://framer.elliotli.dev/og/component/shutter-slice-card/44f891537c13762b/1600x1200.jpg)

## Summary

Split, slide, and reveal

## Description

**Description:**

**Overview**

-   Shutter Slice Profile is an interactive profile card that combines a person's image with a smooth shutter-style reveal animation.
    
-   The card initially displays the selected image, while the person's name, title, and description are hidden behind it.
    

**How It Works**

-   The image is divided into multiple vertical slats.
    
-   On **hover**, or **tap on mobile**, the slats smoothly move upward and rotate in alternating directions.
    
-   As the slats move away, the content panel underneath is revealed.
    
-   You can control the number of slats, movement distance, rotation, animation duration, stagger delay, and spacing.
    
-   The revealed panel supports solid colors, linear gradients, and radial gradients.
    
-   Name, title, and description typography can be customized independently.
    

**Where to Use**

-   Personal portfolios
    
-   Team member sections
    
-   About pages
    
-   Creative portfolios
    
-   Agency websites
    
-   Designer/developer profiles
    
-   Speaker or creator profiles
    
-   Interactive landing pages
    

**Features**

-   Hover or tap interaction
    
-   Mobile-friendly tap trigger
    
-   Custom image
    
-   Custom name, title, and description
    
-   Adjustable shutter slices
    
-   Custom animation timing and stagger
    
-   Solid, linear, and radial backgrounds
    
-   Independent typography controls
    
-   Adjustable padding and corner radius
    
-   Responsive and lightweight interaction
    

**No Refund Policy** All purchases are final. Due to the digital nature of this component, refunds are not provided after purchase. Please review the component details and features before purchasing.

**Contact** For questions, support, or assistance, contact [**acreziodesmond@gmail.com**](mailto:acreziodesmond@gmail.com).

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

-   All · #7777

## Details

- **Author**: Talha Manzoor
- **Price**: $5.00
- **Published**: 2026-08-15
- **Updated**: 2026-08-16
- **Added**: 2026-08-15
- **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