51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T482,

3D Coin is a fully customizable 3D coin spinner for Framer that loops smoothly and always starts on the heads side.

Upload separate Heads and Tails images with independent scale controls for perfect framing on each face. Each side also supports its own background image and color, giving you full creative control over both faces.

Customize the coin shape with adjustable face radius, spin behavior with duration and direction (→ ← ↓ ↑), and toggle spin on or off entirely. A float animation gently lifts the coin up and down with adjustable height and speed for a natural hovering feel.

Style the rim with a two-color edge gradient and optionally enable a ground shadow with adjustable strength and distance. The component is fully responsive — it scales to fit any fixed frame size you set on the canvas.

53:T736,

StudioShowcase Stack is a minimal, studio-style stacked carousel built for showcasing work. Use images or videos per card, with optional mute control and global video looping for smooth previews. Tune the look with shadow strength and background-card clarity to match any brand. Ideal for case study highlights, agency homepages, and curated project galleries.

Key Features

Interactive card stack: Cards fan out and overlap like a deck; click any card to bring it forward
Smooth, natural animations: Cards glide into place with a soft, bouncy motion
Images or videos, your choice: Mix and match per card, upload your own files or paste a link
Video sound control: Built-in mute/unmute button on each video card
Looks great on any screen: Automatically resizes and adjusts spacing for mobile, tablet, and desktop
Pick your starting card: Choose whether the stack opens on the left, center, or right card
Fully customizable style: Change corner roundness, borders, shadow depth, and overlay darkness: all with simple sliders and color pickers, no code needed
Add up to 12 cards: Perfect for portfolios, project showcases, or featured work

54:T113d,

What is DepthDeck Carousel?

A polished 3D card carousel built for hero sections, portfolios, and galleries. Click any card (left or right) to bring it to the front, enjoy fast transitions, and add extra delight with hover lift + scale

This component delivers a modern “depth deck” carousel with smooth spring animation and independent controls. Enable autoplay with a configurable interval, supports up to 15 images, show/hide navigation arrows and pagination dots separately, and keep the UI clean for any brand.

Features

3D depth stack with spring animation — cards stack with natural perspective, scale, and brightness falloff; spring config (stiffness 260, damping 20) makes transitions feel physical
Click-to-front on any card — click left or right cards to bring them forward; autoplay pauses permanently on first interaction
Keyboard navigation — ← / → arrow keys cycle slides; number keys 1–9 jump directly to a slide
Hover lift + image zoom — on desktop, hovering any card lifts it 30px and zooms the image to 105% scale
Per-image focal point — each image has independent X/Y position controls so the right part of every photo stays in frame
Active card details — front card gets a subtle bottom gradient overlay and a primaryColor border highlight automatically
Expanding dot indicator — active pagination dot animates to a wider pill; inactive dots are subtle circles
Glassmorphism nav buttons — arrows use backdrop-filter: blur for a frosted glass look over any background
Fully responsive — 3-tier layout system: Mobile (<480px), Tablet (480–900px), Desktop (≥900px) — card size, spacing, perspective, and rotation all adapt
Up to 15 images — configurable from the design panel
Autoplay interval: 0.5s – 10s — fine-grained control in 0.5s steps
7 aspect ratios — 9:16 (Phone), 2:3 (Portrait), 3:4 (Classic), 1:1 (Square), 4:3 (Standard), 3:2 (Photo), 16:9 (Wide)
Full brand control — primary color, border width/radius/color, shadow strength (0–2), arrow colors for default and hover states — all from the Properties Panel

Frequently Asked Questions

How many images does it support? Up to 15 images, each with independent X/Y focal point control.

Does clicking a card stop the autoplay? Yes. The first manual interaction (click, arrow, keyboard, or dot) permanently pauses autoplay for that session.

Does keyboard navigation work? Yes. Left/right arrow keys cycle through slides. Number keys 1–9 jump directly to that slide number.

Is hover lift available on mobile? No — hover lift and zoom are desktop-only. On mobile and tablet, the interaction is click-to-front only.

What's the autoplay interval range? 0.5 seconds to 10 seconds, adjustable in 0.5s steps from the Properties Panel.

What aspect ratios are available? Seven presets: 9:16 (Phone), 2:3 (Portrait), 3:4 (Classic), 1:1 (Square), 4:3 (Standard), 3:2 (Photo), 16:9 (Wide).

Is it responsive? Yes — three separate layout tiers for Mobile, Tablet, and Desktop, with different card sizes, spacing, perspective depth, and rotation angles automatically.

Does the component support videos? No, but it will be available soon.

55:T600,

About this Component

Cool button creates a visually striking 3D button where the top face appears to sit on a raised base with a deep shadow. The component uses Framer Motion to animate vertical depth and a sliding shine bar, giving each interaction a satisfying, arcade-style feel.

Key Features

Layered 3D depth: Uses separate shadow, middle, and top layers with offsets and outlines to build a convincing stacked 3D effect that reads clearly even on darker layouts.
Press animation: The top layer animates down by several pixels on pointer/tap events, visually “meeting” the middle layer to reinforce the sense of physical press feedback.
Shine highlight: A skewed translucent strip sweeps across the button face on press, adding a dynamic specular highlight that emphasizes motion and gloss.
Typography controls: Integrated Font control exposes family, size, weight, line height, letter spacing, and alignment.
Color customization: Separate controls for top, middle, shadow, outline, and text colors let the button adapt to bright, dark, or branded palettes while preserving the 3D structure.
Link + events: Supports an optional URL with new-tab toggle and an on top event handler, making it suitable for navigation, primary CTAs, or analytics-tracked interactions.

56:Ta9d,

POSTsimulator is a polished, brand‑agnostic social post component purpose‑built for Framer projects. It mirrors familiar post anatomy—avatar, username, optional verification, location, media carousel, action bar, likes line, and timestamp—while remaining fully customizable from the right panel. The code is clean, performant, and designed to centre perfectly in a 4:3 live preview, making it ideal for prototypes, marketing shots, and UI kits.

Features

Swipe able media: drag/swipe carousel with dots and an X/Y counter for up to 8 images.
Like interactions: double‑tap heart burst with smooth scaling, rotation, and fade.
Action bar: like, comment, bookmark, and a clean right‑facing send icon.
Theming: light and dark modes with balanced text, borders, and media backgrounds.
Layout controls: adjustable post width and border radius to match any design language.
Metadata: optional location line and timestamp with clear visual hierarchy.
Likes section: “Liked by [user] and [count] others,” with optional overlapping avatars.
String counts: enter likes/comments as plain text (e.g., “44,686”, “5.6K”, “999+”).
Single comment mode: highlight a featured comment for hero shots or case studies.
Keyboard navigation: left/right arrows to flip media during reviews and demos.

What you can do with it

Prototype social feeds for apps, websites, or concept demos quickly.
Produce marketing visuals and case‑study screenshots that look real.
Standardize a reusable post card in design systems and UI libraries.

Customization (in the right panel)

Theme: switch between light/dark.
Profile: username, avatar, optional verification, location visibility.
Media: provide up to 8 image URLs; reorder or limit with max items.
Actions: toggle like, comment, bookmark, and share.
Counts: likes/comments as strings; show/hide “liked by” and avatars.
Comment: enable single comment view with user and text.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-4b6fcd8f-a982-4dfd-a445-68ca06faffec-all:/unified/creator/4b6fcd8f-a982-4dfd-a445-68ca06faffec/activity/":[{"data":[{"id":"01a0c4df-7bad-736f-94cc-5eac4b1e4121","type":"creator.followed","target":{"type":"creator","id":"1cb2872c-3b50-4243-ac3d-9a11eb5e4420","preview":"Delani","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28964/avatar-UVS0XgylW8W3x9F6Vm7lsdlmY90e1W.jpg","slug":"delani","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T16:49:35.657Z","latestAt":"2026-09-21T16:49:35.657Z"},{"id":"01a01f3c-1e8b-77d8-a970-201a9f9b0b6f","type":"template.liked","target":{"type":"template","id":"71375","preview":"Torque® Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/01a00bb5-2750-727c-b308-d573bbdb9168.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-20T12:53:48.806Z","latestAt":"2026-08-20T12:53:48.806Z"},{"id":"019fa7cd-b934-7360-b1fa-5a7ddbcbc5d8","type":"creator.followed","target":{"type":"creator","id":"c36de8ae-2a91-4597-8515-fcb20eb27fda","preview":"Nestory","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c36de8ae-2a91-4597-8515-fcb20eb27fda/okit92wj","slug":"nestory","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T08:18:25.201Z","latestAt":"2026-07-28T08:18:25.201Z"},{"id":"019f7c3d-3fe2-77db-b1c7-dd0c4ee5db24","type":"template.liked","target":{"type":"template","id":"63962","preview":"Pilot ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f7f3a-e041-77d2-9692-45b114541e95.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-19T21:16:56.670Z","latestAt":"2026-07-19T21:16:56.670Z"},{"id":"019f7c3d-0dc5-777b-ae8d-c9961383a17a","type":"comment.created","target":{"type":"post","id":"019d2ace-a671-7a3e-be6d-e438c47466fd","preview":"Convertism®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6372-c08e-73bb-8054-532e5823f624.png","targetDeleted":false,"owned":false,"actions":{"postId":"019d2ace-a671-7a3e-be6d-e438c47466fd","like":{"count":33,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7c3d-0db1-72bf-9ef4-cd34e7bd41f9","preview":"Art 👐","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Art 👐"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d2ace-a671-7a3e-be6d-e438c47466fd","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f7c3d-0db1-72bf-9ef4-cd34e7bd41f9"},"repost":null}},"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T21:16:43.845Z","latestAt":"2026-07-19T21:16:43.845Z"},{"id":"019f7c3c-bd0f-7758-aae3-826b86c29b3a","type":"template.liked","target":{"type":"template","id":"60573","preview":"Convertism®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6372-c08e-73bb-8054-532e5823f624.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-19T21:16:23.169Z","latestAt":"2026-07-19T21:16:23.169Z"},{"id":"019f7c3c-a391-7239-bddc-dbf0066d5c18","type":"comment.created","target":{"type":"post","id":"019c5791-843b-71d6-ba97-f6220fbf824b","preview":"Superfast®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b72-5014-7479-9638-a7e6f50a140d.png","targetDeleted":false,"owned":false,"actions":{"postId":"019c5791-843b-71d6-ba97-f6220fbf824b","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7c3c-a372-709e-b9e8-3b5dc7a30a16","preview":"Clean ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean ❤"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019c5791-843b-71d6-ba97-f6220fbf824b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f7c3c-a372-709e-b9e8-3b5dc7a30a16"},"repost":null}},"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T21:16:16.657Z","latestAt":"2026-07-19T21:16:16.657Z"},{"id":"019f7c3b-d1ac-776f-9ef8-fedf94d69f24","type":"template.liked","target":{"type":"template","id":"59620","preview":"Superfast®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b72-5014-7479-9638-a7e6f50a140d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-19T21:15:22.919Z","latestAt":"2026-07-19T21:15:22.919Z"},{"id":"019f7c3b-b598-73f8-bfd8-f81871bc52a8","type":"comment.created","target":{"type":"post","id":"019b46ce-3f5a-7614-b71d-00c3a23b2af8","preview":"Humanly®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b66-fd2b-75c8-b018-4b2725ffa5ae.png","targetDeleted":false,"owned":false,"actions":{"postId":"019b46ce-3f5a-7614-b71d-00c3a23b2af8","like":{"count":51,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7c3b-b577-75e0-a722-93a89a8566f5","preview":"Love it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019b46ce-3f5a-7614-b71d-00c3a23b2af8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f7c3b-b577-75e0-a722-93a89a8566f5"},"repost":null}},"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T21:15:15.736Z","latestAt":"2026-07-19T21:15:15.736Z"},{"id":"019f7c3b-9858-7200-b5be-1ca0714e49a6","type":"template.liked","target":{"type":"template","id":"54480","preview":"Humanly®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/59b1a783-b1b1-4d0c-8788-c0b9532ff9ec/019f6b66-fd2b-75c8-b018-4b2725ffa5ae.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-19T21:15:08.238Z","latestAt":"2026-07-19T21:15:08.238Z"},{"id":"019f7bc0-e97f-7506-8cc1-f116e0334de8","type":"creator.followed","target":{"type":"creator","id":"a2eef493-fdfc-4cfb-8eaa-2d5db1312bb0","preview":"Lera","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/a2eef493-fdfc-4cfb-8eaa-2d5db1312bb0/CRrLTUbR-","slug":"lera-aligns","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T19:01:08.091Z","latestAt":"2026-07-19T19:01:08.091Z"},{"id":"019f7b8d-a73f-761a-bae5-3a5ff6d397ae","type":"post.liked","target":{"type":"post","id":"019f7b89-39ba-755c-8abe-9d8a9f692b00","preview":"Hey @Framer people 👋 I'm Lera & I have a quick question (╭ರ_•́)\nWhat type of accordion do YOU prefer to design/build, and what do you think USERS prefer? One that AUTO-collapses or one that STAYS open after clicking? Why?\nMy answer is pretty obvious if you've ever come across my work; also, the hint is this screen recording ( ≖‿ ≖ )","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey @Framer people "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" I'm Lera & I have a quick question "},{"type":"text","text":"(╭ರ_•́)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What type of accordion do YOU prefer to design/build, and what do you think USERS prefer? One that "},{"type":"text","text":"AUTO-collapses","marks":[{"type":"bold"}]},{"type":"text","text":" or one that "},{"type":"text","text":"STAYS open","marks":[{"type":"bold"}]},{"type":"text","text":" after clicking? Why?"}]},{"type":"paragraph","content":[{"type":"text","text":"My answer is pretty obvious if you've ever come across my work; also, the hint is this screen recording "},{"type":"text","text":"( ≖‿ ≖ )","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/rk5RVM01pHcd01DpdhObaPvD3u8tIID5r01DgmUvwRPA2c/thumbnail.webp?time=5.467","targetDeleted":false,"owned":false,"actions":{"postId":"019f7b89-39ba-755c-8abe-9d8a9f692b00","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T18:05:08.796Z","latestAt":"2026-07-19T18:05:08.796Z"},{"id":"019f6c1d-418b-716f-80fc-effd49eaa013","type":"component.liked","target":{"type":"component","id":"vybaxS7cvvVyBVVq16nZ","preview":"Swtich on hover tabs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vybaxS7cvvVyBVVq16nZ/swtich-on-hover-tabs-WbZcLGvYXuzLP6Q4wmQ1fVHGWEqLOG","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-16T18:08:04.486Z","latestAt":"2026-07-16T18:08:04.486Z"},{"id":"019f6761-f1c9-75cc-97ab-c3746bf46389","type":"creator.followed","target":{"type":"creator","id":"4447bf44-131d-491a-bb79-f86030529178","preview":"Danny","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29097/89AO4CphOgJu71IlSFg9eBsPg4-20TapdzVNK3WOrsTK7x0xCoNwcUN8r.jpg","slug":"danny","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-15T20:04:59.958Z","latestAt":"2026-07-15T20:04:59.958Z"},{"id":"019f6755-c8b1-714b-9c07-10be4f5509fb","type":"template.liked","target":{"type":"template","id":"51702","preview":"Drkst®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/51702/drkst-rSTPuQYAT1Wg7X9UhQ0z0QIO26c6Ct","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-15T19:51:43.019Z","latestAt":"2026-07-15T19:51:43.019Z"},{"id":"019f374c-05b1-749a-a070-c65b99654f2d","type":"post.liked","target":{"type":"post","id":"019f36b8-4072-75db-b0d1-b59bcd9b1470","preview":"Design Workout with an interactive feature section.\nMy favorite imagery style is going to Lummi.ai, download some flowers images and insert it inside my projects with some little twist.\nWhat do you think ? 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Design Workout with an interactive feature section."}]},{"type":"paragraph","content":[{"type":"text","text":"My favorite imagery style is going to Lummi.ai, download some flowers images and insert it inside my projects with some little twist."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think ? "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/BLwtrLKQZYk5NcmllPiMnyr02tRECvkSdd6Fz4iageGo/thumbnail.webp?time=7.638","targetDeleted":false,"owned":false,"actions":{"postId":"019f36b8-4072-75db-b0d1-b59bcd9b1470","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T11:59:16.909Z","latestAt":"2026-07-06T11:59:16.909Z"},{"id":"019f27d4-2fd8-7289-915b-05d8cc09ceeb","type":"creator.followed","target":{"type":"creator","id":"032f128e-5c96-4bb7-9fe8-3591074d9bc0","preview":"Adheeb Hameed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/32754/avatar-RI9Pi1QlJdbAUbJ5Zjqqmyz9UQk8Zi.jpg","slug":"adheeb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T11:54:05.138Z","latestAt":"2026-07-03T11:54:05.138Z"},{"id":"019f23b6-f048-756d-a371-46f9ca6710f9","type":"creator.followed","target":{"type":"creator","id":"3b062a58-ca05-4acc-91a2-b82e96bd3a5d","preview":"Tamas Bodo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3b062a58-ca05-4acc-91a2-b82e96bd3a5d/zclchol2","slug":"tamas-bodo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T16:43:39.459Z","latestAt":"2026-07-02T16:43:39.459Z"},{"id":"019f1987-4337-7778-9564-2fb1acdbdf41","type":"creator.followed","target":{"type":"creator","id":"7233f7ab-ddec-4da6-bfaf-028a3d983408","preview":"Zineddine Kessaimi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7233f7ab-ddec-4da6-bfaf-028a3d983408/5f7b74k1","slug":"zineddine-kessaimi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-30T17:15:22.803Z","latestAt":"2026-06-30T17:15:22.803Z"},{"id":"019ed53e-47ea-7718-9bd5-10ec658c5034","type":"creator.followed","target":{"type":"creator","id":"c922c032-6bbe-470b-a60b-e43f0cb6eeb2","preview":"Evren Karşıt","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c922c032-6bbe-470b-a60b-e43f0cb6eeb2/ck3ripyt","slug":"evren","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","slug":"rayan-yasser","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T11:01:29.189Z","latestAt":"2026-06-17T11:01:29.189Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:4b6fcd8f-a982-4dfd-a445-68ca06faffec:/unified/posts/?creator=4b6fcd8f-a982-4dfd-a445-68ca06faffec&with=reposts":[{"data":[{"id":"019d2aba-5efa-7c3b-81de-e71595ddaaa6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"trsW4YUZNHPY5F5tJAoY","resolved":true,"title":"3D Coin","body":"$52","bodyJson":null,"introduction":"customizable 3D coin spinner","slug":"3d-coin","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4b6fcd8f-a982-4dfd-a445-68ca06faffec/2efs4y3c","metadata":{"tint":{"h":223,"s":59,"l":31},"width":800,"height":600}}],"post":null,"createdAt":"2026-03-14T16:33:35.663Z","updatedAt":"2026-07-02T19:03:51.361Z","publishedAt":"2026-03-26T15:19:10.330Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Coin3D-GVLqhc.js@B0lIOPySFFakgTs12mMj","previewUrl":"https://coin3d.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"B0lIOPySFFakgTs12mMj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-26T15:19:10.330Z","updatedAt":"2026-03-26T15:19:10.330Z"},{"id":"019c669b-14d0-779d-ab3e-77953398aa5b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"txumXqF6oNNY29fNw1zS","resolved":true,"title":"StudioShowcase Stack","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"StudioShowcase Stack is a minimal, studio-style stacked carousel built for showcasing work. Use images or videos per card, with optional mute control and global video looping for smooth previews. Tune the look with shadow strength and background-card clarity to match any brand. Ideal for case study highlights, agency homepages, and curated project galleries."}]},{"type":"paragraph","content":[{"type":"text","text":" Key Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive card stack: Cards fan out and overlap like a deck; click any card to bring it forward"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, natural animations: Cards glide into place with a soft, bouncy motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images or videos, your choice: Mix and match per card, upload your own files or paste a link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video sound control: Built-in mute/unmute button on each video card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks great on any screen: Automatically resizes and adjusts spacing for mobile, tablet, and desktop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick your starting card: Choose whether the stack opens on the left, center, or right card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable style: Change corner roundness, borders, shadow depth, and overlay darkness: all with simple sliders and color pickers, no code needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add up to 12 cards: Perfect for portfolios, project showcases, or featured work"}]}]}]},{"type":"paragraph"},{"type":"customYoutube","attrs":{"src":"https://www.youtube.com/embed/198K98cfjB8?color=white&autoplay=0&controls=1&rel=0","width":700,"height":395,"caption":"","data-youtube-url":"https://youtu.be/198K98cfjB8"}},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-39g3bg1z-TG0kcRuH8iyyBgh9bOhcK2jkEYKJZJ","link":null,"caption":"","uploadId":null}}]},"introduction":"showcase carousel (Photo&Video)","slug":"studioshowcase-stack","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/txumXqF6oNNY29fNw1zS/studioshowcase-stack-yQ4XLt6Lxoi6QaVXjgqoyEBxhVkIcg","metadata":{"tint":{"h":7,"s":75,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-30T02:04:19.479Z","updatedAt":"2026-07-20T19:28:26.950Z","publishedAt":"2026-02-16T13:19:25.392Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://studioshowcasestack.framer.website/","price":"5","paymentUrl":"https://yasserrayan.gumroad.com/l/StudioShowcaseStack","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"dUIrWuIi2KBLsm7NJSjI","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":93,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-16T13:19:25.392Z","updatedAt":"2026-02-16T13:19:25.392Z"},{"id":"019c32c9-57e6-7f19-bd46-076d35d5fa0a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HlG1Wcbr35sf0pafGBbg","resolved":true,"title":"Avatar Pop","body":"

About The Component

Ideal for agency and SaaS sites. Includes stacked layout, animated hover reveal, responsive image support, and flexible typography + color customization. Built to showcase team members, founders, authors, or contributors in a compact, space-saving row, with a clean hover card that displays name and role. Customize avatar size, overlap, spacing, borders, card background/text colors, and role color so it matches any brand system. Works great on About pages, “Meet the team” sections, landing pages, and partner/collaborator blocks especially when you want modern micro-interactions without visual clutter.

","bodyJson":null,"introduction":"Profile avatars with hover info","slug":"avatar-pop","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/HlG1Wcbr35sf0pafGBbg/avatar-pop-rRtWMJmgEC2M32TRvb7nFRQTS5OQsJ","metadata":{"tint":{"h":228,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-29T00:15:23.716Z","updatedAt":"2026-02-06T10:10:55.168Z","publishedAt":"2026-02-06T11:49:41.990Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Avatar-Pop-vledgg.js@yRJsBqu5kVMeLWQENSEW","previewUrl":"https://avatarpop.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"yRJsBqu5kVMeLWQENSEW","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-06T11:49:41.990Z","updatedAt":"2026-02-06T11:49:41.990Z"},{"id":"019c32c9-3915-7cc3-a30e-f5bda328f29a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OKLII66UrgCub1ByC1SW","resolved":true,"title":"Neon Orbit Shader","body":"

Neon Orbit Shader background creates a hypnotic orbiting-line effect with a strong “cyber” vibe while staying easy to configure. Speed controls the energy level, Line Width changes visual intensity, and Reverse gives you instant variation for alternate sections. It’s ideal for dark themes, glassmorphism layouts, and product launch pages.

","bodyJson":null,"introduction":"neon motion background for hero sections","slug":"neon-orbit-shader","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OKLII66UrgCub1ByC1SW/neon-orbit-shader-uVnjCm8NX6KhhMzx0gOh62Dxe93EXf","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-28T16:17:44.066Z","updatedAt":"2026-03-26T01:27:43.669Z","publishedAt":"2026-02-06T11:49:34.101Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://neonorbitshader.framer.website/","price":"3","paymentUrl":"https://yasserrayan.gumroad.com/l/NeonOrbitShader","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Q6rWuxZNYhJx2Oqw32Qr","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-02-06T11:49:34.101Z","updatedAt":"2026-02-06T11:49:34.101Z"},{"id":"019c2908-f8b5-7a26-9431-fadb4d6a0d60","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DrE28uITlVuHVkxeWsk9","resolved":true,"title":"DepthDeck Carousel","body":"$54","bodyJson":null,"introduction":"Coverflow style 3D carousel","slug":"depthdeck-carousel","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DrE28uITlVuHVkxeWsk9/astra-card-carousel-JMnqkDYFU0z5nSHOPxJgFHITxAa2jf","metadata":{"tint":{"h":16,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-06T00:39:07.140Z","updatedAt":"2026-04-14T14:18:19.573Z","publishedAt":"2026-02-04T14:22:59.765Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cardcarousel.framer.website/","price":"4","paymentUrl":"https://yasserrayan.gumroad.com/l/DepthDeckCarousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"OpTRkq6OgtceZoaDCdjO","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-02-04T14:22:59.765Z","updatedAt":"2026-02-04T14:22:59.765Z"},{"id":"019b0f19-8a8e-74fa-9da1-9857c5ad476d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dTKKABZ6hx5t4xayM3eZ","resolved":true,"title":"Cool Button","body":"$55","bodyJson":null,"introduction":"","slug":"cool-button","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dTKKABZ6hx5t4xayM3eZ/cool-button-jTnIQUtxbafaknetO3naIKZVWG9UTD","metadata":{"tint":{"h":257,"s":89,"l":73},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-07T00:31:13.894Z","updatedAt":"2026-01-05T00:16:27.889Z","publishedAt":"2025-12-11T20:28:10.766Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Cool-button-K6qR.js@vulOMG8cKwHvSdcVpG2i","previewUrl":"https://cool-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"vulOMG8cKwHvSdcVpG2i","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-11T20:28:10.766Z","updatedAt":"2025-12-11T20:28:10.766Z"},{"id":"019b08e6-781c-7cc8-a6e5-cd5326a355ff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GsRpYS94F823wQQa5yWg","resolved":true,"title":"Framed button","body":"

Key features:

Solid and dashed frame variants
Custom text, text color, border color, and corner squares color
Works on any background or section
Clickable link support for easy navigation

Use Framed Button to turn simple links into subtle, elegant calls-to-action in seconds.

","bodyJson":null,"introduction":"Outline reveal button for modern sites.","slug":"framed-button","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GsRpYS94F823wQQa5yWg/framed-button-TwpsLDju0HQ8Ouc5pQrBMcTMaTQ7gn","metadata":{"tint":{"h":215,"s":93,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-28T01:29:17.334Z","updatedAt":"2026-02-06T23:26:28.930Z","publishedAt":"2025-12-10T15:34:40.412Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Framed-button-LhFz.js@28nM8N1iZOIanldAwSGL","previewUrl":"https://framedbutton.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"28nM8N1iZOIanldAwSGL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-10T15:34:40.412Z","updatedAt":"2025-12-10T15:34:40.412Z"},{"id":"019a4adb-aef8-7104-b3b3-f69e368e8ce0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GMlsGGJIwcPMtDzrnh2n","resolved":true,"title":"Signal dot","body":"

About this ComponentSignalDote is a fast, customizable pulse for status and presence UIs that animates transform/opacity for buttery performance and honors system reduced‑motion settings.

Features

Customizable controls: Color, Dot Size, Signals (rings), Interval.
High‑performance Motion animation (transform/opacity only).
Reduced‑motion fallback for accessibility.
Dashboard‑ready for multiple instances without stutter.

","bodyJson":null,"introduction":"Just a dot with signals ","slug":"signaldote","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GMlsGGJIwcPMtDzrnh2n/signaldote-6aZwIpx8NqELeZZG2OuWqh0xu8kFHY","metadata":{"tint":{"h":190,"s":47,"l":30},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-23T21:15:33.500Z","updatedAt":"2026-04-08T11:16:55.042Z","publishedAt":"2025-11-03T17:55:02.520Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Signaldote-BJDm.js@4EGyzcna8MNSbaCMW1hn","previewUrl":"https://signal-dote.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4EGyzcna8MNSbaCMW1hn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-03T17:55:02.520Z","updatedAt":"2025-11-03T17:55:02.520Z"},{"id":"0199bb4e-20e8-7eaa-8b1c-5968d82a6d5f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DWNcaPqEdMMhTbw7ddVN","resolved":true,"title":"POST simulator","body":"$56","bodyJson":null,"introduction":"A Social Media Post Simulator","slug":"postsimulator","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DWNcaPqEdMMhTbw7ddVN/postsimulator-zi69cRc0Ph4ZYPGTmJ6s8n0u1pci5W","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-28T20:32:01.729Z","updatedAt":"2026-01-28T13:41:51.806Z","publishedAt":"2025-10-06T20:54:43.688Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://post-simulator.framer.website/","price":"3","paymentUrl":"https://yasserrayan.gumroad.com/l/POSTsimulator","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"yYL1UqMZ4vBjHvEBEqeq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-06T20:54:43.688Z","updatedAt":"2025-10-06T20:54:43.688Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]