5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8be,

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.

5a:[["$","$L5d",null,{"post":{"id":"01a005ae-6a79-7647-91f5-2515ec71de0f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c5440e40-6989-4146-98db-cf1ff7ee3215","name":"Talha Manzoor","slug":"talhadesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/e2ehgdiy","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9KAJJyxM4uAByVJq4SGv","resolved":true,"title":"Shutter Slice Card","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Description:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Overview","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shutter Slice Profile is an interactive profile card that combines a person's image with a smooth shutter-style reveal animation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The card initially displays the selected image, while the person's name, title, and description are hidden behind it."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The image is divided into multiple vertical slats."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On "},{"type":"text","text":"hover","marks":[{"type":"bold"}]},{"type":"text","text":", or "},{"type":"text","text":"tap on mobile","marks":[{"type":"bold"}]},{"type":"text","text":", the slats smoothly move upward and rotate in alternating directions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"As the slats move away, the content panel underneath is revealed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"You can control the number of slats, movement distance, rotation, animation duration, stagger delay, and spacing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The revealed panel supports solid colors, linear gradients, and radial gradients."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Name, title, and description typography can be customized independently."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Where to Use","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Personal portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team member sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Designer/developer profiles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speaker or creator profiles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive landing pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover or tap interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile-friendly tap trigger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom name, title, and description"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable shutter slices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom animation timing and stagger"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid, linear, and radial backgrounds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent typography controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable padding and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive and lightweight interaction"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"No Refund Policy","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]},{"type":"text","text":" For questions, support, or assistance, contact "},{"type":"text","text":"acreziodesmond@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:acreziodesmond@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Split, slide, and reveal","slug":"shutter-slice-card","author":{"framerUserId":"c5440e40-6989-4146-98db-cf1ff7ee3215","name":"Talha Manzoor","slug":"talhadesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/e2ehgdiy","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c5440e40-6989-4146-98db-cf1ff7ee3215/01a005ae-113e-707b-b6c0-d7ae8ea8fba6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-15T13:48:31.229Z","updatedAt":"2026-08-16T07:47:52.641Z","publishedAt":"2026-08-15T13:48:31.226Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mighty-companies-677536.framer.app/preview","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_oCCKjzsWOctvq1S1iwIkl4KuqQbyUaDwTvk7p3WpQQ4","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"EuAezLgTU94BZ1i8BLro","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-15T13:48:31.737Z","updatedAt":"2026-08-15T13:48:31.737Z","reported":false}}],"$L5f"]

Suggested for you