50:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:Ta94,

Give your content a new way to move.

Shuffle Stack is an animated card stack component for Framer that turns your own cards into an interactive, layered showcase.

An alternative to a carousel or ticker, it works with featured projects, client logos, testimonials, buttons, and calls to action. Show more in a compact space, invite visitors to explore, and create different stacks with separate desktop and mobile card options.

Preview: https://stack-shuffle.framer.website/

What’s included

Connect your own Framer cards and components
Separate desktop and mobile card options
Reduced-motion support with autoplay disabled
Unlimited personal, commercial, and client website use
All future updates
Dedicated setup and troubleshooting support

Customizable controls include

Cards: Connect and arrange your cards (components, stacks, or frames).
Mobile Cards: Optionally connect a separate set for mobile.
Visible: Choose how many cards appear in the stack.
Spacing: Adjust the distance between cards.
Rear Scale: Set the size and opacity of cards behind the front card.
Stack To: Choose the stack direction.
Animation: Select the transition style.
Duration: Set how long each transition takes.
Hold Time: Set the pause between transitions.
Autoplay: Turn automatic shuffling on or off.
Show Controls: Show or hide navigation.
Previous / Next Icon: Upload custom navigation icons.
Control Size: Adjust navigation control size.
Hover Pause: Pause autoplay on hover.

Accessibility

Shuffle Stack respects prefers-reduced-motion by disabling autoplay for visitors who prefer reduced motion.

Questions or feature requests?

We’re here to help. Contact support@archipelagy.com for questions, issues, setup help, or feature requests. We’ll respond as soon as we can. Most requests receive a reply within 1–2 business days.

52:T6ad,

Give visitors something to play with.

Image Hover Stack is an interactive hover effect for Framer that turns a static image into a cursor-following stack. Move to pull the images into a curved trail, then watch them spring back into place.

Add playful depth to portfolios, project cards, galleries, and hero sections. It’s a small interaction that invites visitors to explore your images and makes your website feel more alive.

Preview: https://image-hover-stack.framer.website/

What’s included

Customizable trail copies, travel distance, lag, arc, and rotation
Desktop hover and mobile press-and-drag interaction
Option to disable the effect on mobile
Built-in reduced-motion accessibility
Remixable demo project
Unlimited personal, commercial, and client website use
All future updates
Dedicated support for questions, issues, and setup help

Accessibility

Image Hover Stack automatically disables the animated trail when visitors have reduced motion enabled, keeping the original image static. You can also disable touch interactions on mobile.

Questions or feature requests?

Let us know at support@archipelagy.com. We’re here to help, and most requests receive a reply within 1–2 business days.

Changelog

Initial release. No updates yet.

53:T92f,

Turn static images into a cinematic, video-style experience without editing timelines, exporting footage, or weighing down your site with heavy video files.

Image Reel is a customizable Framer component that pushes, stacks, overlaps, and blends up to six images into a seamless animated sequence. Use it for hero sections, projects, cards, backgrounds, case studies, and more.

Live preview: https://video-image-reel.framer.website/

What’s Included

6 customizable image slots
Mixed, horizontal, vertical, stack, and steady transition styles
Responsive fill and aspect-ratio sizing
Adjustable sequence duration and transitions
Custom push, overlap, glow, and blur effects
Image fit, focal-point, and corner-radius controls
Autoplay, looping, and pause on hover
Customizable Play/Pause and progress control
Viewport-aware loading and playback
Responsive desktop and mobile layouts
Built-in reduced-motion accessibility

Accessibility

Image Reel respects prefers-reduced-motion. Visitors who prefer less motion start paused and can choose to play the animation using the Play/Pause control.

See Image Reel in action

Explore Image Reel on the Dossier Services page, where it brings movement to a visual service showcase without using a traditional video.

Support

Have a question or need help? Contact support@archipelagy.com, and we’ll be happy to help you get everything running.

Changelog

September 2026 — Added 6 image slots and the new Stack transition, plus smoother transitions and performance improvements across devices.

Have an idea that could make Image Reel even better? Let us know at support@archipelagy.com.

54:T7dc,

Motion Deck is a motion-forward image component for Framer that turns a static gallery into a choreographed visual sequence. Images progressively stack, fan into place, move through a momentum-driven showcase, then peel away and repeat.

Built for hero sections, portfolios, creative agencies, case studies, product launches, and visual storytelling.

What’s Included

6 customizable image slots
Optional logo overlays for each image
Horizontal and vertical layouts
Responsive height and width controls
Adjustable corner radius, spacing, and animated gap stretch
Custom stack, fan, showcase, exit, and start-delay timing
Autoplay and looping controls
Customizable Play/Pause control
Responsive desktop and mobile layouts
Built-in reduced-motion accessibility

Accessibility

Motion Deck respects prefers-reduced-motion. Visitors who prefer less motion start paused and can explicitly choose to play the full animation using the Play/Pause control.

See Motion Deck in action

Explore Motion Deck in Dossier, our motion-led Framer template for creative studios, agencies, and designers.

Support

Have a question or need help with Motion Deck? Reach out anytime at support@archipelagy.com and we’ll be happy to answer questions and help you get things up and running.

Change Log

Motion Deck keeps evolving. Updates are included with your purchase.

September 2026: Added a 3D option with angled cards and perspective. The original 2D option is still available.

55:Tca1,

👀 Live Preview: https://dossier.framer.website/

Dossier is a motion-led Framer portfolio template for studios, agencies, designers, and anyone who wants to showcase their work with more movement, personality, and impact. Built around scroll-driven storytelling, expressive transitions, animated project moments, and advanced motion components. Dossier creates rhythm and progression throughout the experience while staying flexible, responsive, and easy to make your own.

Pages Include

Features

40+ reusable Framer components
CMS-powered services and projects
5 custom code components for advanced motion and interactions
Scroll-driven animations and reveals
Responsive layouts from ultra-wide desktop to mobile
Reduced-motion experiences for accessibility
Detailed guide for setup, editing, and launch
Support and future template updates

What Makes Dossier Different

Motion-Led Storytelling Animation and transitions create rhythm and progression throughout the site.
Advanced Scroll Interactions Scroll-driven reveals, highlights, counters, and interactive layouts bring pages to life.
Custom Motion Components Custom-built Framer components unlock advanced animation while staying reusable and customizable.
Reduced Motion Built In Custom animations include considered reduced-motion experiences for greater accessibility.

Support

Have a question or need help with Dossier? Reach out anytime at support@archipelagy.com and we’ll be happy to answer questions and help you get things up and running.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-53a8fac8-faae-409d-a934-2c496766b275-all:/unified/creator/53a8fac8-faae-409d-a934-2c496766b275/activity/":[{"data":[{"id":"01a1463b-a9ec-728e-9831-8252e2d7a83f","type":"post.reply","target":{"type":"post","id":"01a1455e-d826-7726-87f8-beb07f402b35","preview":"Northbound Office","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a1455e-13c9-77ea-a95f-37bda8ebb05c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a1463b-a9d0-72c9-84d0-c4769718afed","preview":"We absolutely agree; finding that balance between universal and original is one of the hardest parts of creating a template. Having such a clear source of inspiration like you did really helps, and you can absolutely feel that originality carried through here.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We absolutely agree; finding that balance between universal and original is one of the hardest parts of creating a template. Having such a clear source of inspiration like you did really helps, and you can absolutely feel that originality carried through here."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14625-34bd-7279-8154-8139fc717786"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:41:17.676Z","latestAt":"2026-10-16T19:41:17.676Z"},{"id":"01a14639-912d-73eb-aa52-8869d970bc01","type":"comment.liked","target":{"type":"comment","id":"01a14631-e006-70fc-be02-098839a45659","preview":"To be honest, it’s quite difficult to create a universal template when you want to incorporate specific, personalized details into everything.\nI aimed for a style reminiscent of Wes Anderson’s films, so I generated a team of people and a setting that are very vibrant. Of course, I realize that the team composition might change, and the individuals featured will likely be different in future versions. Some elements, however, will probably remain.\nIn any case, you can use my images as a foundation and build upon them by generating new visuals featuring your own teammates by AI.\nEmoji как раз универсальное решение. Вы можете брать их из Microsoft Pack и использовать как вам угодно. Они под MIT.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"To be honest, it’s quite difficult to create a universal template when you want to incorporate specific, personalized details into everything."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I aimed for a style reminiscent of Wes Anderson’s films, so I generated a team of people and a setting that are very vibrant. Of course, I realize that the team composition might change, and the individuals featured will likely be different in future versions. Some elements, however, will probably remain."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"In any case, you can use my images as a foundation and build upon them by generating new visuals featuring your own teammates by AI."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Emoji как раз универсальное решение. Вы можете брать их из Microsoft Pack и использовать как вам угодно. Они под MIT."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14625-34bd-7279-8154-8139fc717786"},"repost":null}},"context":{"type":"post","id":"01a1455e-d826-7726-87f8-beb07f402b35","preview":"Northbound Office","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a1455e-13c9-77ea-a95f-37bda8ebb05c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:39:00.264Z","latestAt":"2026-10-16T19:39:00.264Z"},{"id":"01a14625-34d6-76e2-a066-d38eaca0a9fb","type":"comment.created","target":{"type":"post","id":"01a1455e-d826-7726-87f8-beb07f402b35","preview":"Northbound Office","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a1455e-13c9-77ea-a95f-37bda8ebb05c.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14625-34bd-7279-8154-8139fc717786","preview":"Everything about this has so much personality, from the type and emoji animations to the pops of color carried through the UI and photos. Honestly makes us want a desk there 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Everything about this has so much personality, from the type and emoji animations to the pops of color carried through the UI and photos. Honestly makes us want a desk there "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1455e-d826-7726-87f8-beb07f402b35","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14625-34bd-7279-8154-8139fc717786"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:16:45.910Z","latestAt":"2026-10-16T19:16:45.910Z"},{"id":"01a14624-d9d9-746f-883c-b10bbcc3c983","type":"template.liked","target":{"type":"template","id":"76093","preview":"Northbound Office","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a1455e-13c9-77ea-a95f-37bda8ebb05c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-16T19:16:22.612Z","latestAt":"2026-10-16T19:16:22.612Z"},{"id":"01a14622-e5fe-730d-95c1-b2edbe634f53","type":"post.liked","target":{"type":"post","id":"01a14573-3b7f-72e8-af21-76bf26a6cee8","preview":"Google Review widgets made with love - designed from scratch. Check them out here","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Google Review widgets made with love - designed from scratch. Check them out "},{"type":"text","text":"here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aObOqx6","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/m0043qZZfD4Bhg833o62usreDabROGI1tqC7T5WSUSA4/thumbnail.webp?time=3.7","targetDeleted":false,"owned":false,"actions":{"postId":"01a14573-3b7f-72e8-af21-76bf26a6cee8","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:14:14.650Z","latestAt":"2026-10-16T19:14:14.650Z"},{"id":"01a14621-e909-742b-a0e8-4e3e0dd691ee","type":"comment.created","target":{"type":"post","id":"01a145ac-1d66-74fc-ab61-cf043cc8299d","preview":"Liquid Glass Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c9a5b1ef-10e4-4ea0-8f69-24d540d2ed84/01a14589-0190-756d-a7f8-d52e4fcaed4a.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a145ac-1d66-74fc-ab61-cf043cc8299d","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14621-e8ee-70ba-b072-54d72dd127b9","preview":"That fluid movement is hypnotic.🌀 Super cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"That fluid movement is hypnotic."},{"type":"emoji","attrs":{"name":"cyclone","emoji":"🌀"}},{"type":"text","text":" Super cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a145ac-1d66-74fc-ab61-cf043cc8299d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14621-e8ee-70ba-b072-54d72dd127b9"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:13:09.897Z","latestAt":"2026-10-16T19:13:09.897Z"},{"id":"01a14620-9e7d-75af-88c6-59735fc7a5c0","type":"component.liked","target":{"type":"component","id":"KMXE1FK9W5skoLhsH0yA","preview":"Liquid Glass Loader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c9a5b1ef-10e4-4ea0-8f69-24d540d2ed84/01a14589-0190-756d-a7f8-d52e4fcaed4a.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-16T19:11:45.274Z","latestAt":"2026-10-16T19:11:45.274Z"},{"id":"01a1461f-75a2-7328-b63f-8face6b9ce1e","type":"template.liked","target":{"type":"template","id":"76104","preview":"Charity Campaign","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1d81da1f-b7f0-447d-9cec-e23ce691be4b/01a145b4-0bd4-720c-9d3f-24ba22a5c0d4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-16T19:10:29.278Z","latestAt":"2026-10-16T19:10:29.278Z"},{"id":"01a1461e-6089-730e-89f9-3e96be65700e","type":"post.liked","target":{"type":"post","id":"01a144a5-ec12-7678-9daf-030173556944","preview":"A chatbot template that only shows a hero never proves the product works.\nChatassist's hero carries an embedded chat workspace: a Chat Result panel with an Accent Localizations voice waveform, and a New Chat panel showing a live AI reply with image generation buttons. Three home variations, 17 or more pages, two CMS collections for Blog and Career, four pricing tiers with toggle, and an integrations grid.\nFree to remix.\nLive Preview: https://aichatbott.framer.website/\nRemix: framer.link/51reEmX","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A chatbot template that only shows a hero never proves the product works."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Chatassist's hero carries an embedded chat workspace: a Chat Result panel with an Accent Localizations voice waveform, and a New Chat panel showing a live AI reply with image generation buttons. Three home variations, 17 or more pages, two CMS collections for Blog and Career, four pricing tiers with toggle, and an integrations grid."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Free to remix."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Live Preview: "},{"type":"text","text":"https://aichatbott.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aichatbott.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Remix: "},{"type":"text","text":"framer.link/51reEmX","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/51reEmX","target":"_blank"}}]},{"type":"text","text":" "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/01a144a5-c6f1-717f-8bac-2d4edf349990.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a144a5-ec12-7678-9daf-030173556944","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:09:18.339Z","latestAt":"2026-10-16T19:09:18.339Z"},{"id":"01a1461c-108c-7747-92e5-eba988a907a2","type":"comment.created","target":{"type":"post","id":"01a14609-de42-74bd-94c1-6af935a4e5aa","preview":"404","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]},"thumbnail":"https://image.mux.com/jKIikaCAR12laGxAsPsl023elNOzF7qYkkCrNg8RbjYs/thumbnail.webp?time=8.201","targetDeleted":false,"owned":false,"actions":{"postId":"01a14609-de42-74bd-94c1-6af935a4e5aa","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a1461c-1072-70a2-92cb-dfc6180319d6","preview":"This one proves the power of simplicity. The orbiting 404 is such a nice detail.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This one proves the power of simplicity. The orbiting 404 is such a nice detail."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a14609-de42-74bd-94c1-6af935a4e5aa","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a1461c-1072-70a2-92cb-dfc6180319d6"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:06:46.796Z","latestAt":"2026-10-16T19:06:46.796Z"},{"id":"01a1461b-6e89-762d-b2ab-a23a2b7bfa75","type":"post.liked","target":{"type":"post","id":"01a14609-de42-74bd-94c1-6af935a4e5aa","preview":"404","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]},"thumbnail":"https://image.mux.com/jKIikaCAR12laGxAsPsl023elNOzF7qYkkCrNg8RbjYs/thumbnail.webp?time=8.201","targetDeleted":false,"owned":false,"actions":{"postId":"01a14609-de42-74bd-94c1-6af935a4e5aa","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:06:05.315Z","latestAt":"2026-10-16T19:06:05.315Z"},{"id":"01a14619-6329-75bc-8407-2895b997f7e4","type":"comment.reply","target":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14619-630e-72ca-8e68-8e1f19a854fe","preview":"A few of these are actually built in already. Hovering pauses the stack; the hold + transition timing can be adjusted, and the optional controls let users move back or forward when they want more direct control. It also pauses on keyboard focus when the card is clickable. We don’t currently extend that behavior to non-clickable cards, though, and that’s a good one for us to look at. Thanks for the thoughtful feedback!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A few of these are actually built in already. Hovering pauses the stack; the hold + transition timing can be adjusted, and the optional controls let users move back or forward when they want more direct control. It also pauses on keyboard focus when the card is clickable. We don’t currently extend that behavior to non-clickable cards, though, and that’s a good one for us to look at. Thanks for the thoughtful feedback!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a14329-248c-7334-a268-117c9a4ec97d"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:03:51.337Z","latestAt":"2026-10-16T19:03:51.337Z"},{"id":"01a14616-3dcd-7549-b2ee-8cf1e9d72256","type":"comment.liked","target":{"type":"comment","id":"01a14329-248c-7334-a268-117c9a4ec97d","preview":"This is a smart way to get more reach without another mile-long row, and the shuffle-into-spotlight motion is the part that earns the extra dwell. Two things from shipping these: since it auto-advances, pause the shuffle while a pointer is over the front card or while it has keyboard focus, so a tap or click lands on the card someone actually wanted and not the one sliding in behind it. And if the same component holds projects, logos and CTAs, those are three different shapes, so let the spotlight slot size to contain, so a wide logo gets padding instead of a crop while a project image can still fill. Nice build.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is a smart way to get more reach without another mile-long row, and the shuffle-into-spotlight motion is the part that earns the extra dwell. Two things from shipping these: since it auto-advances, pause the shuffle while a pointer is over the front card or while it has keyboard focus, so a tap or click lands on the card someone actually wanted and not the one sliding in behind it. And if the same component holds projects, logos and CTAs, those are three different shapes, so let the spotlight slot size to contain, so a wide logo gets padding instead of a crop while a project image can still fill. Nice build."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14329-248c-7334-a268-117c9a4ec97d"},"repost":null}},"context":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:00:25.159Z","latestAt":"2026-10-16T19:00:25.159Z"},{"id":"01a14616-3901-7772-be56-d3b5a9247e32","type":"comment.liked","target":{"type":"comment","id":"01a144b1-5f9a-750d-8957-0843ea75e094","preview":"Using your own cards makes this flexible. Can visitors pause it to read a longer card?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Using your own cards makes this flexible. Can visitors pause it to read a longer card?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a144b1-5f9a-750d-8957-0843ea75e094"},"repost":null}},"context":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T19:00:23.931Z","latestAt":"2026-10-16T19:00:23.931Z"},{"id":"01a14615-bbf9-755a-a5c0-922be7896ef0","type":"comment.reply","target":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14615-bbe4-7735-ad26-d20f4e6339ed","preview":"Right now, hovering over the stack pauses it, and you can also adjust how long each card stays on screen, as well as the transition timing. We also added optional controls so you can move backward or forward to exactly what you want to see, rather than pausing and using the controls to skip through the cycle.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Right now, hovering over the stack pauses it, and you can also adjust how long each card stays on screen, as well as the transition timing. We also added optional controls so you can move backward or forward to exactly what you want to see, rather than pausing and using the controls to skip through the cycle."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a144b1-5f9a-750d-8957-0843ea75e094"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T18:59:51.929Z","latestAt":"2026-10-16T18:59:51.929Z"},{"id":"01a1460f-d370-72db-92bf-fd58391135db","type":"comment.reply","target":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a1460f-d359-74c8-8cd1-28e8a02f5e20","preview":"Thank you! We think Poppy’s pretty adorable too 🌼","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! We think Poppy’s pretty adorable too "},{"type":"emoji","attrs":{"name":"blossom","emoji":"🌼"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a14320-e8e0-75de-8c55-c45c63680811"},"repost":null}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T18:53:24.720Z","latestAt":"2026-10-16T18:53:24.720Z"},{"id":"01a1460f-b90f-76f7-abf9-a7020761da70","type":"comment.liked","target":{"type":"comment","id":"01a14320-e8e0-75de-8c55-c45c63680811","preview":"Poppy the flower is adorable.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Poppy the flower is adorable."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a14320-e8e0-75de-8c55-c45c63680811"},"repost":null}},"context":{"type":"post","id":"01a1430f-8b07-764e-90ff-a3ce78658901","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a1430f-8b07-764e-90ff-a3ce78658901","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-16T18:53:17.960Z","latestAt":"2026-10-16T18:53:17.960Z"},{"id":"01a1430f-8d2a-7429-b15b-88ae5e34b0fe","type":"component.created","target":{"type":"component","id":"n9G15Rri16DUEPNvXePY","preview":"Shuffle Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-16T04:54:15.082Z","latestAt":"2026-10-16T04:54:15.082Z"},{"id":"01a14083-82e9-77e8-91cb-4977fd08e0e9","type":"comment.liked","target":{"type":"comment","id":"01a13da6-e1b4-7768-97e4-43e40292e8d4","preview":"Appreciate it man! That’s exactly the feeling I was going for 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Appreciate it man! That’s exactly the feeling I was going for "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a13b7a-9bf4-708b-a670-807be0a651d3","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a13bf7-2243-7531-b6c2-f8d278cfb989"},"repost":null}},"context":{"type":"post","id":"01a13b7a-9bf4-708b-a670-807be0a651d3","preview":"Just launched Orbital Hero component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Orbital Hero component "}]}]},"thumbnail":"https://image.mux.com/lJQ8LccviQh102FyGkyVSb01iDlNhp3sdTWGfFd7GDpa8/thumbnail.webp?time=2.717","targetDeleted":false,"owned":false,"actions":{"postId":"01a13b7a-9bf4-708b-a670-807be0a651d3","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-15T17:02:02.981Z","latestAt":"2026-10-15T17:02:02.981Z"},{"id":"01a14082-8ad4-777d-9ea3-c813c4a6b90b","type":"comment.liked","target":{"type":"comment","id":"01a13ded-8ef4-71ed-9e9c-e059ed477a78","preview":"Fun hover image stack.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fun hover image stack."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a13bec-0553-729d-b7ce-f06c8894c6d0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a13ded-8ef4-71ed-9e9c-e059ed477a78"},"repost":null}},"context":{"type":"post","id":"01a13bec-0553-729d-b7ce-f06c8894c6d0","preview":"Image Hover Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a13bd0-ae6b-720c-95f4-b9d45f0d010a.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a13bec-0553-729d-b7ce-f06c8894c6d0","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-15T17:00:59.470Z","latestAt":"2026-10-15T17:00:59.470Z"}],"pagination":{"next":"MjAyNi0xMC0xNVQxNzowMDo1OS40NzBafDAxYTE0MDgyLThhZDQtNzc3ZC05ZWEzLWM4MTNjNGE2YjkwYg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:53a8fac8-faae-409d-a934-2c496766b275:/unified/posts/?creator=53a8fac8-faae-409d-a934-2c496766b275&with=reposts":[{"data":[{"id":"01a1430f-8b07-764e-90ff-a3ce78658901","title":null,"body":"

Carousel + Ticker = Shuffle Stack 🃏

We wanted a way to show more content without adding another long row.

Projects, logos, calls to action. Stack them up or show one at a time, then let them shuffle through the spotlight. There’s something about that next card sliding into place that makes you want to keep watching.

Built for Framer, using your own cards. Give it a shuffle and see what you think. https://stack-shuffle.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carousel + Ticker = "},{"type":"text","text":"Shuffle Stack","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://stack-shuffle.framer.website/","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"black_joker","emoji":"🃏"}}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted a way to show more content without adding another long row."}]},{"type":"paragraph","content":[{"type":"text","text":"Projects, logos, calls to action. Stack them up or show one at a time, then let them shuffle through the spotlight. There’s something about that next card sliding into place that makes you want to keep watching."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for Framer, using your own cards. Give it a shuffle and see what you think. "},{"type":"text","text":"https://stack-shuffle.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://stack-shuffle.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"n9G15Rri16DUEPNvXePY","resolved":true,"title":"Shuffle Stack","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Give your content a new way to move.","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Shuffle Stack is an animated card stack component for Framer that turns your own cards into an interactive, layered showcase."}]},{"type":"paragraph","content":[{"type":"text","text":"An alternative to a carousel or ticker, it works with featured projects, client logos, testimonials, buttons, and calls to action. Show more in a compact space, invite visitors to explore, and create different stacks with separate desktop and mobile card options."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://stack-shuffle.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://stack-shuffle.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Connect your own Framer cards and components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate desktop and mobile card options"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support with autoplay disabled"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited personal, commercial, and client website use"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All future updates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated setup and troubleshooting support"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customizable controls include","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cards:","marks":[{"type":"bold"}]},{"type":"text","text":" Connect and arrange your cards (components, stacks, or frames)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile Cards:","marks":[{"type":"bold"}]},{"type":"text","text":" Optionally connect a separate set for mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visible:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose how many cards appear in the stack."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spacing:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the distance between cards."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rear Scale:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the size and opacity of cards behind the front card."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stack To:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose the stack direction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation:","marks":[{"type":"bold"}]},{"type":"text","text":" Select the transition style."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Duration:","marks":[{"type":"bold"}]},{"type":"text","text":" Set how long each transition takes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hold Time:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the pause between transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay:","marks":[{"type":"bold"}]},{"type":"text","text":" Turn automatic shuffling on or off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Show Controls:","marks":[{"type":"bold"}]},{"type":"text","text":" Show or hide navigation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Previous / Next Icon:","marks":[{"type":"bold"}]},{"type":"text","text":" Upload custom navigation icons."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control Size:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust navigation control size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Pause:","marks":[{"type":"bold"}]},{"type":"text","text":" Pause autoplay on hover."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Shuffle Stack respects prefers-reduced-motion by disabling autoplay for visitors who prefer reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or feature requests?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"We’re here to help. Contact "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" for questions, issues, setup help, or feature requests. We’ll respond as soon as we can. Most requests receive a reply within 1–2 business days."}]}]},"introduction":"Animated, interactive card stacks","slug":"shuffle-stack","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a1418e-f8b5-732e-9318-1128cebc1d3c.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1606,"height":1207}}],"post":null,"createdAt":"2026-10-16T04:54:13.945Z","updatedAt":"2026-10-16T04:54:13.945Z","publishedAt":"2026-10-16T04:54:13.943Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://stack-shuffle.framer.website/","price":"5","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/8226b115-f33d-44b1-9367-1e2258a97048","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"khpSvKDl1H3MyiiCEh3Q","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T04:54:14.535Z","updatedAt":"2026-10-16T04:54:14.535Z","type":"post"},{"id":"01a13bec-0553-729d-b7ce-f06c8894c6d0","title":null,"body":"

✨ We wanted to give images a way to stand out. Literally.

That became Image Hover Stack: a hover interaction that pulls one image into a layered trail, then springs back into place. The idea was to give visitors a small invitation to explore.

Give it a hover and see what you think. ↖️

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"✨ We wanted to give images a way to stand out. Literally."}]},{"type":"paragraph","content":[{"type":"text","text":"That became Image Hover Stack: a hover interaction that pulls one image into a layered trail, then springs back into place. The idea was to give visitors a small invitation to explore. "}]},{"type":"paragraph","content":[{"type":"text","text":"Give it a hover and see what you think. ↖️"}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OPoZuwjgzeSoy4DcEjdB","resolved":true,"title":"Image Hover Stack","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Give visitors something to play with. "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Image Hover Stack is an interactive hover effect for Framer that turns a static image into a cursor-following stack. Move to pull the images into a curved trail, then watch them spring back into place."}]},{"type":"paragraph","content":[{"type":"text","text":"Add playful depth to portfolios, project cards, galleries, and hero sections. It’s a small interaction that invites visitors to explore your images and makes your website feel more alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://image-hover-stack.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://image-hover-stack.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable trail copies, travel distance, lag, arc, and rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop hover and mobile press-and-drag interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Option to disable the effect on mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in reduced-motion accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Remixable demo project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited personal, commercial, and client website use"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All future updates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dedicated support for questions, issues, and setup help"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Image Hover Stack automatically disables the animated trail when visitors have reduced motion enabled, keeping the original image static. You can also disable touch interactions on mobile."}]},{"type":"customHeading","content":[{"type":"text","text":"Questions or feature requests?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Let us know at "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":". We’re here to help, and most requests receive a reply within 1–2 business days."}]},{"type":"customHeading","content":[{"type":"text","text":"Changelog","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Initial release. No updates yet."}]}]},"introduction":"Playful hover trail","slug":"image-hover-stack","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a13bd0-ae6b-720c-95f4-b9d45f0d010a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-14T19:38:05.438Z","updatedAt":"2026-10-14T19:38:05.438Z","publishedAt":"2026-10-14T19:38:05.435Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://image-hover-stack.framer.website/","price":"5","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/a1a59e36-9386-4af0-89b6-483ee9833828","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"eLDhxEMFzyFnKOAGT9Ub","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-14T19:38:06.035Z","updatedAt":"2026-10-14T19:38:06.035Z","type":"post"},{"id":"01a12ecb-2d98-7129-b980-469729750212","title":null,"body":"

2D or 3D? Motion Deck just got a new dimension. 🪐

We wanted Motion Deck to feel more immersive, not just animated, so we added a new 3D option. Angled cards and perspective make the sequence feel like it’s moving through space instead of simply across the screen.

Have you played with depth lately? Drop a link below. We’d love to see what you’re making.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2D or 3D? "},{"type":"text","text":"Motion Deck","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://motion-deck.framer.website/","target":"_blank"}}]},{"type":"text","text":" just got a new dimension. "},{"type":"emoji","attrs":{"name":"ringed_planet","emoji":"🪐"}}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted "},{"type":"text","text":"Motion Deck","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://motion-deck.framer.website/","target":"_blank"}}]},{"type":"text","text":" to feel more immersive, not just animated, so we added a new 3D option. Angled cards and perspective make the sequence feel like it’s moving through space instead of simply across the screen. "}]},{"type":"paragraph","content":[{"type":"text","text":"Have you played with depth lately? Drop a link below. We’d love to see what you’re making."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ol3u42yOkVbMvjAcEzRh5lQKQcvOdBZg58XIu4spnPA.m3u8","metadata":{"posterUrl":"https://image.mux.com/ol3u42yOkVbMvjAcEzRh5lQKQcvOdBZg58XIu4spnPA/thumbnail.webp?time=4.217","aspectRatio":"756:475","duration":9.021333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-12T06:27:09.851Z","updatedAt":"2026-10-12T06:27:09.851Z","type":"post"},{"id":"01a10f88-a6ff-735c-92aa-e4adb363b7e7","title":null,"body":"

Sneak peek! 👀 Brute is our new portfolio template, and it’s been our excuse to push things a little too far, then pull them back just enough.

Big type, bold imagery, a little brutalist, a little editorial, and hopefully just on the right side of “is this too much?” Stay tuned.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sneak peek! "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Brute is our new portfolio template, and it’s been our excuse to push things a little too far, then pull them back just enough. "}]},{"type":"paragraph","content":[{"type":"text","text":"Big type, bold imagery, a little brutalist, a little editorial, and hopefully just on the right side of “is this too much?” Stay tuned."}]},{"type":"paragraph"}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3iKu31VWe3gY8PwGmjxsRFxiNur4Rj01Mw02CnEJTnKgk.m3u8","metadata":{"posterUrl":"https://image.mux.com/3iKu31VWe3gY8PwGmjxsRFxiNur4Rj01Mw02CnEJTnKgk/thumbnail.webp?time=10.867","aspectRatio":"756:475","duration":15.938}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-06T04:46:16.322Z","updatedAt":"2026-10-06T04:46:16.322Z","type":"post"},{"id":"01a0fe29-6954-720b-b2d6-b4bd4581a210","title":null,"body":"

Someone can love your template and still want a different hero.

We didn’t want that to be a sticking point with Dossier, so we just gave people three options to explore. The nice part? We already had the pieces elsewhere in the site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Someone can love your template and still want a different hero. "}]},{"type":"paragraph","content":[{"type":"text","text":"We didn’t want that to be a sticking point with "},{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/?utm_source=framer&utm_medium=community&utm_campaign=dossier_hero_options","target":"_blank"}}]},{"type":"text","text":", so we just gave people three options to explore. The nice part? We already had the pieces elsewhere in the site."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/G6pgEj8olNLJRNKJ402lkOPSABWdFHnj773ObEkZ3hQw.m3u8","metadata":{"posterUrl":"https://image.mux.com/G6pgEj8olNLJRNKJ402lkOPSABWdFHnj773ObEkZ3hQw/thumbnail.webp?time=4.567","aspectRatio":"4:3","duration":19.092667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T19:48:41.945Z","updatedAt":"2026-10-02T19:48:41.945Z","type":"post"},{"id":"01a0eb89-900d-756e-a8a8-5a6a4b7385a1","title":null,"body":"

We still can’t get over how easy it is to make a collection of images feel like a video with Image Reel ✨

It just got an upgrade with 6 image slots + 5 transition styles: Mixed, Horizontal, Vertical, Stack, and Steady.

Check it out ->

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We still can’t get over how easy it is to make a collection of images feel like a video with "},{"type":"text","text":"Image Reel","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/1EmVVNl","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"It just got an upgrade with "},{"type":"text","text":"6 image slots + 5 transition styles","marks":[{"type":"bold"}]},{"type":"text","text":": Mixed, Horizontal, Vertical, Stack, and Steady. "}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out -> ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/1EmVVNl","target":"_blank"}}]}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02j4YWUkqzQMj3xzYBxFFHdtOdEkIeFnuNw00aTgClcTA.m3u8","metadata":{"posterUrl":"https://image.mux.com/02j4YWUkqzQMj3xzYBxFFHdtOdEkIeFnuNw00aTgClcTA/thumbnail.webp?time=2.517","aspectRatio":"4:3","duration":9.316667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T05:00:56.209Z","updatedAt":"2026-09-29T05:00:56.209Z","type":"post"},{"id":"01a0eaa5-cd5d-720d-8368-664b8aead1bc","title":null,"body":"

Looks like Framer has updated the template tags. Styles are now broken out separately instead of being mixed in with the old category setup, so it’s definitely worth checking your existing templates and updating your picks.

Another tiny clue in the ongoing mystery of the Framer algorithm 🕵️

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Looks like Framer has updated the template tags. Styles are now broken out separately instead of being mixed in with the old category setup, so it’s definitely worth checking your existing templates and updating your picks. "}]},{"type":"paragraph","content":[{"type":"text","text":"Another tiny clue in the ongoing mystery of the Framer algorithm 🕵️"}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0eaa5-5249-714b-8575-263530134029.png","metadata":{"tint":{"h":0,"s":0,"l":30},"width":1042,"height":731}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T00:52:09.697Z","updatedAt":"2026-09-29T00:52:09.697Z","type":"post"},{"id":"01a0cc76-55ea-723d-b81c-f7c668a53e2f","title":null,"body":"

What if your images could feel more like a video? 🎞️

We wanted a more dynamic way to bring images to life without relying on a video, so we built the Video Image Reel for Framer.

See it in action →

Images push, overlap, glow, and blend into one another to create a cinematic sequence, adding depth and visual energy along the way.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What if your images could feel more like a video? 🎞️"}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted a more dynamic way to bring images to life without relying on a video, so we built the Video Image Reel for Framer. "}]},{"type":"paragraph","content":[{"type":"text","text":"See it in action →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://video-image-reel.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Images push, overlap, glow, and blend into one another to create a cinematic sequence, adding depth and visual energy along the way. "}]},{"type":"paragraph"}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"eUsg6GjeYuGipvALuzJB","resolved":true,"title":"Image Reel","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn static images into a cinematic, video-style experience without editing timelines, exporting footage, or weighing down your site with heavy video files."}]},{"type":"paragraph","content":[{"type":"text","text":"Image Reel","marks":[{"type":"bold"}]},{"type":"text","text":" is a customizable Framer component that pushes, stacks, overlaps, and blends up to six images into a seamless animated sequence. Use it for hero sections, projects, cards, backgrounds, case studies, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://video-image-reel.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://video-image-reel.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 customizable image slots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mixed, horizontal, vertical, stack, and steady transition styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive fill and aspect-ratio sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable sequence duration and transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom push, overlap, glow, and blur effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image fit, focal-point, and corner-radius controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay, looping, and pause on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Play/Pause and progress control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Viewport-aware loading and playback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in reduced-motion accessibility"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Image Reel respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":". Visitors who prefer less motion start paused and can choose to play the animation using the Play/Pause control."}]},{"type":"customHeading","content":[{"type":"text","text":"See Image Reel in action","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Explore Image Reel on the "},{"type":"text","text":"Dossier Services page","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/services","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":", where it brings movement to a visual service showcase without using a traditional video."}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or need help? Contact "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}}]},{"type":"text","text":", and we’ll be happy to help you get everything running."}]},{"type":"customHeading","content":[{"type":"text","text":"Changelog","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"September 2026","marks":[{"type":"bold"}]},{"type":"text","text":" — Added 6 image slots and the new Stack transition, plus smoother transitions and performance improvements across devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Have an idea that could make Image Reel even better? Let us know at "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Turn images into videos","slug":"image-reel","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0cafd-44c7-707a-8cd5-bf239af7247a.jpg","metadata":{"tint":{"h":20,"s":77,"l":57},"width":3200,"height":2401}}],"post":null,"createdAt":"2026-09-23T04:11:41.854Z","updatedAt":"2026-10-14T03:25:55.822Z","publishedAt":"2026-09-23T04:11:41.851Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://video-image-reel.framer.website/","price":"8","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/f02ed686-1baa-41dd-8ea0-f98bb36930fc","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"qBEcogLPHeIIeMrGp81O","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-23T04:17:30.745Z","createdAt":"2026-09-23T04:11:42.442Z","updatedAt":"2026-09-23T04:17:30.745Z","type":"post"},{"id":"01a0a8c8-793c-768f-946b-bd20d94c6e2d","title":null,"body":"

Have you tested what happens to your Framer template or component when a user has animation effects disabled?

While building Dossier, we learned how important it is to test the full experience and account for reduced motion when creating advanced animations or custom components.

For our first Archipelagy Lab 🧪 video, we’re sharing how to test your site and how we adapted Dossier to keep the experience visible and functional with less motion.

Watch → https://youtu.be/J1UKjlo8QfY

Instructions for testing on Mac and Windows are in the comments ↓

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Have you tested what happens to your Framer template or component when a user has animation effects disabled?"}]},{"type":"paragraph","content":[{"type":"text","text":"While building "},{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]},{"type":"text","text":", we learned how important it is to test the full experience and account for reduced motion when creating advanced animations or custom components."}]},{"type":"paragraph","content":[{"type":"text","text":"For our first "},{"type":"text","text":"Archipelagy Lab ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.youtube.com/@Archipelagy","target":"_blank"}}]},{"type":"emoji","attrs":{"name":"test_tube","emoji":"🧪"}},{"type":"text","text":" video, we’re sharing how to test your site and how we adapted Dossier to keep the experience visible and functional with less motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Watch → "},{"type":"text","text":"https://youtu.be/J1UKjlo8QfY","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://youtu.be/J1UKjlo8QfY","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Instructions for testing on Mac and Windows are in the comments ↓"}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"youtube","url":"https://youtu.be/J1UKjlo8QfY","metadata":{"videoId":"J1UKjlo8QfY","title":"How to Design for Reduced Motion in Framer","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/01a0a8c8-793c-768f-946b-bd20d94c6e2d/J1UKjlo8QfY/thumbnail.jpg"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T05:55:06.057Z","updatedAt":"2026-09-16T05:55:06.057Z","type":"post"},{"id":"01a0a380-4b76-7409-b530-94ecdcde3efb","title":null,"body":"

A small Framer feature we miss: being able to see every page included with a template at a glance.

When someone is comparing templates, a homepage only tells part of the story. Showing the full list of included pages gives potential buyers a clearer sense of your template’s scale and a much better understanding of what they’re getting.

We ended up adding a linked page list directly to Dossier’s Marketplace description. Simple, but surprisingly useful.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small Framer feature we miss: being able to see every page included with a template at a glance."}]},{"type":"paragraph","content":[{"type":"text","text":"When someone is comparing templates, a homepage only tells part of the story. Showing the full list of included pages gives potential buyers a clearer sense of your template’s scale and a much better understanding of what they’re getting."}]},{"type":"paragraph","content":[{"type":"text","text":"We ended up adding a linked page list directly to "},{"type":"text","text":"Dossier’s","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]},{"type":"text","text":" Marketplace description. Simple, but surprisingly useful."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0a37f-7405-7159-aa43-c78f32408e88.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1672,"height":941}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":1},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T05:18:09.274Z","updatedAt":"2026-09-15T05:18:09.274Z","type":"post"},{"id":"01a0919b-4abb-728d-80bb-0f2a45d86b7f","title":null,"body":"

While building Dossier, we had a lot of fun experimenting with ways to make images feel more cinematic without turning them into a video.

That idea eventually became Motion Deck.

Stack. Fan. Showcase. Repeat.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"While building "},{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]},{"type":"text","text":", we had a lot of fun experimenting with ways to make images feel more cinematic without turning them into a video."}]},{"type":"paragraph","content":[{"type":"text","text":"That idea eventually became "},{"type":"text","text":"Motion Deck","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://motion-deck.framer.website/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Stack. Fan. Showcase. Repeat. "}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/FqNflT6SLzRjPf15lIkqgWOUmJDsJuU4nNtsc9GcSo00.m3u8","metadata":{"posterUrl":"https://image.mux.com/FqNflT6SLzRjPf15lIkqgWOUmJDsJuU4nNtsc9GcSo00/thumbnail.webp?time=4.317","aspectRatio":"4:3","duration":9.242667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T17:54:28.671Z","updatedAt":"2026-09-11T17:54:28.671Z","type":"post"},{"id":"01a0885a-e04c-76df-bae6-00cab9861338","title":null,"body":"

2D or 3D? Motion Deck just got a new dimension. 🪐

Have you played with depth lately? Drop a link below. We’d love to see what you’re making.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2D or 3D? Motion Deck just got a new dimension. "},{"type":"emoji","attrs":{"name":"ringed_planet","emoji":"🪐"}}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted Motion Deck to feel more immersive, not just animated, so we added a new 3D option. Angled cards and perspective make the sequence feel like it’s moving through space instead of simply across the screen. "}]},{"type":"paragraph","content":[{"type":"text","text":"Have you played with depth lately? Drop a link below. We’d love to see what you’re making."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"d4DhUB7BxGPWIcH2f7qy","resolved":true,"title":"Motion Deck","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion Deck is a motion-forward image component for Framer that turns a static gallery into a choreographed visual sequence. Images progressively stack, fan into place, move through a momentum-driven showcase, then peel away and repeat."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for hero sections, portfolios, creative agencies, case studies, product launches, and visual storytelling."}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 customizable image slots"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional logo overlays for each image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal and vertical layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive height and width controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable corner radius, spacing, and animated gap stretch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom stack, fan, showcase, exit, and start-delay timing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Autoplay and looping controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Play/Pause control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive desktop and mobile layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in reduced-motion accessibility"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Accessibility","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Motion Deck respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":". Visitors who prefer less motion start paused and can explicitly choose to play the full animation using the Play/Pause control."}]},{"type":"customHeading","content":[{"type":"text","text":"See Motion Deck in action","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Explore Motion Deck in "},{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":", our motion-led Framer template for creative studios, agencies, and designers."}]},{"type":"customHeading","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or need help with Motion Deck? Reach out anytime at "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" and we’ll be happy to answer questions and help you get things up and running."}]},{"type":"customHeading","content":[{"type":"text","text":"Change Log","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Motion Deck keeps evolving. Updates are included with your purchase."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"September 2026:","marks":[{"type":"bold"}]},{"type":"text","text":" Added a 3D option with angled cards and perspective. The original 2D option is still available."}]}]}]},{"type":"paragraph"}]},"introduction":"Animated Image Sequence","slug":"motion-deck","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0fe97-b06a-7751-8de6-43441dedfcbf.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2401}}],"post":null,"createdAt":"2026-09-09T22:47:31.655Z","updatedAt":"2026-10-14T03:26:28.039Z","publishedAt":"2026-09-09T22:47:31.652Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://motion-deck.framer.website/","price":"8","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/993cc381-c9f0-4065-b37a-5960c679d94c","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"jfY5dvnnPSuvjAOnp79m","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-21T19:59:00.004Z","createdAt":"2026-09-09T22:47:32.172Z","updatedAt":"2026-09-21T19:59:00.004Z","type":"post"},{"id":"01a068b6-5bc8-7652-b73f-aa22fc7b7ddd","title":null,"body":"

Yesterday we launched Dossier 🎉

Dossier is our motion-forward portfolio template for Framer. It’s been really nice seeing people explore and engage with it, especially alongside so much great work being shared here!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yesterday we launched "},{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Dossier","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]},{"type":"text","text":" is our motion-forward portfolio template for Framer. It’s been really nice seeing people explore and engage with it, especially alongside so much great work being shared here!"}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/AaOsCIITrDo44LPXakur4NkSM6ApGGr1o6jl1ZQMhfM.m3u8","metadata":{"posterUrl":"https://image.mux.com/AaOsCIITrDo44LPXakur4NkSM6ApGGr1o6jl1ZQMhfM/thumbnail.webp?time=32.917","aspectRatio":"4:3","duration":47.066667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T19:19:36.652Z","updatedAt":"2026-09-03T19:19:36.652Z","type":"post"},{"id":"01a06879-1d2a-72a2-b4c7-5c2bfd19a393","title":null,"body":"

What’s everyone’s favorite tool for creating videos of their Framer work? 👀

Curious what everyone uses for screen recordings and editing when sharing templates, components, interactions, and other work here.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What’s everyone’s favorite tool for creating videos of their Framer work? ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Curious what everyone uses for screen recordings and editing when sharing templates, components, interactions, and other work here. "}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T18:12:42.925Z","updatedAt":"2026-09-03T18:12:42.925Z","type":"post"},{"id":"01a0641c-9a7e-726c-865b-49eef705599d","title":null,"body":"

We built Dossier around the idea that motion shouldn’t just decorate. It should help tell the story. Scroll-driven moments, expressive interactions, and flexible layouts come together to make creative work feel alive!

👀 Live Preview: https://dossier.framer.website/

More motion for Framer is on the way. Follow along.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We built Dossier around the idea that motion shouldn’t just decorate. It should help tell the story. Scroll-driven moments, expressive interactions, and flexible layouts come together to make creative work feel alive!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Live Preview: "},{"type":"text","text":"https://dossier.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"More motion for Framer is on the way. Follow along."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72368","resolved":true,"title":"Dossier","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" "},{"type":"text","text":"Live Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://dossier.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dossier is a motion-led Framer portfolio template for studios, agencies, designers, and anyone who wants to showcase their work with more movement, personality, and impact. Built around scroll-driven storytelling, expressive transitions, animated project moments, and advanced motion components. Dossier creates rhythm and progression throughout the experience while staying flexible, responsive, and easy to make your own."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Include"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home Option 2 with Image Reel","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://dossier.framer.website/home-2","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/about","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/services","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/work","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project (CMS)","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/projects/mobile-banking-app","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/contact","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy Policy","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/privacy-policy","target":"_blank"}}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dossier.framer.website/404","target":"_blank"}}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"40+ reusable Framer components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered services and projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 custom code components for advanced motion and interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven animations and reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layouts from ultra-wide desktop to mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion experiences for accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Detailed guide for setup, editing, and launch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support and future template updates"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What Makes Dossier Different"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion-Led Storytelling","marks":[{"type":"bold"}]},{"type":"text","text":" Animation and transitions create rhythm and progression throughout the site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Scroll Interactions","marks":[{"type":"bold"}]},{"type":"text","text":" Scroll-driven reveals, highlights, counters, and interactive layouts bring pages to life."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Motion Components","marks":[{"type":"bold"}]},{"type":"text","text":" Custom-built Framer components unlock advanced animation while staying reusable and customizable."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced Motion Built In","marks":[{"type":"bold"}]},{"type":"text","text":" Custom animations include considered reduced-motion experiences for greater accessibility."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or need help with Dossier? Reach out anytime at "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" and we’ll be happy to answer questions and help you get things up and running."}]}]},"introduction":"Motion-Forward Portfolio","slug":"dossier","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a12d92-9966-76b2-b1c7-926242c74e71.png","metadata":{"tint":{"h":180,"s":13,"l":54},"width":1448,"height":1086}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0f9ae-78ca-755c-95dc-414f88bddc7c.png","metadata":{"tint":{"h":180,"s":26,"l":49},"width":3200,"height":2401}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0638d-af31-7034-8a8d-0edcdac00198.png","metadata":{"tint":{"h":180,"s":26,"l":49},"width":3200,"height":2401}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0638d-af8b-72de-8a30-d3038c815c96.png","metadata":{"tint":{"h":180,"s":26,"l":49},"width":3200,"height":2401}}],"post":null,"createdAt":"2026-09-02T21:53:10.742Z","updatedAt":"2026-10-12T16:12:19.292Z","publishedAt":"2026-09-02T21:53:10.739Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/2e115af4-1377-4c27-aa81-8b1fa6dcc559","remixUrl":null,"previewUrl":"https://dossier.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":268,"name":"Designers","slug":"designers"},{"id":210,"name":"Digital Products","slug":"digital-products"},{"id":221,"name":"Graphic Design","slug":"graphic-design"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T21:53:11.294Z","updatedAt":"2026-09-02T21:53:11.294Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]