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

Transform your portfolios and SaaS landing pages with Elastic Gallery Pro a premium, buttery-smooth interactive accordion built natively for Framer.

Inspired by Apple’s refined design language, Elastic Gallery Pro combines advanced framer-motion layout animations with sleek glassmorphism to create a visually striking way to showcase your best work. Hover over a card to watch it elastically expand into a frosted-glass content panel, while inactive cards collapse into elegant vertical typography.

✨ Key Features

Fluid Spring Animations: Powered by framer-motion for smooth, responsive expansion and collapse transitions that feel natural and effortless.
Built-in Glassmorphism: Active cards reveal a sophisticated frosted-glass content panel with dynamic backdrop-filter blur effects.
Fully Responsive: Switch the Direction property from horizontal to vertical with a single click, instantly adapting the gallery for mobile layouts.
Dynamic Image Scaling: Subtle image zoom effects add depth and movement, bringing your visuals to life as users interact.
Zero Layout Shifts: Carefully tuned clamp() typography keeps text stable and prevents clipping or awkward wrapping throughout every animation.
Deeply Customizable: Control flex ratios, corner radii, spacing, overlays, typography, colors, and more directly from Framer’s property panel.

Forget static grid galleries. Elastic Gallery Pro turns your visuals into an interactive experience that feels premium, modern, and built to convert.

5a:[["$","$L5d",null,{"post":{"id":"01a02e56-ab16-710b-b462-7b113dc7f987","title":null,"body":"

New component

Elastic Gallery Pro

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New component"}]},{"type":"paragraph","content":[{"type":"text","text":"Elastic Gallery Pro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://elasticgallerypro.framer.website","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"cb944773-ed28-432c-bc53-417a3da4e181","name":"Teddesign","slug":"ted-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cb944773-ed28-432c-bc53-417a3da4e181/6m4ziusx","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vptQqs3IZe1J0vkcIzTP","resolved":true,"title":"Elastic Gallery Pro","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your portfolios and SaaS landing pages with "},{"type":"text","text":"Elastic Gallery Pro","marks":[{"type":"bold"}]},{"type":"text","text":" a premium, buttery-smooth interactive accordion built natively for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Inspired by Apple’s refined design language, Elastic Gallery Pro combines advanced "},{"type":"text","text":"framer-motion","marks":[{"type":"code"}]},{"type":"text","text":" layout animations with sleek glassmorphism to create a visually striking way to showcase your best work. Hover over a card to watch it elastically expand into a frosted-glass content panel, while inactive cards collapse into elegant vertical typography."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid Spring Animations:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by "},{"type":"text","text":"framer-motion","marks":[{"type":"code"}]},{"type":"text","text":" for smooth, responsive expansion and collapse transitions that feel natural and effortless."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in Glassmorphism:","marks":[{"type":"bold"}]},{"type":"text","text":" Active cards reveal a sophisticated frosted-glass content panel with dynamic "},{"type":"text","text":"backdrop-filter","marks":[{"type":"code"}]},{"type":"text","text":" blur effects."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Switch the "},{"type":"text","text":"Direction","marks":[{"type":"bold"}]},{"type":"text","text":" property from horizontal to vertical with a single click, instantly adapting the gallery for mobile layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Image Scaling:","marks":[{"type":"bold"}]},{"type":"text","text":" Subtle image zoom effects add depth and movement, bringing your visuals to life as users interact."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Layout Shifts:","marks":[{"type":"bold"}]},{"type":"text","text":" Carefully tuned "},{"type":"text","text":"clamp()","marks":[{"type":"code"}]},{"type":"text","text":" typography keeps text stable and prevents clipping or awkward wrapping throughout every animation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deeply Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Control flex ratios, corner radii, spacing, overlays, typography, colors, and more directly from Framer’s property panel."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Forget static grid galleries. "},{"type":"text","text":"Elastic Gallery Pro","marks":[{"type":"bold"}]},{"type":"text","text":" turns your visuals into an interactive experience that feels premium, modern, and built to convert."}]}]},"introduction":"Premium glassmorphic image","slug":"elastic-gallery-pro","author":{"framerUserId":"cb944773-ed28-432c-bc53-417a3da4e181","name":"Teddesign","slug":"ted-design","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cb944773-ed28-432c-bc53-417a3da4e181/6m4ziusx","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cb944773-ed28-432c-bc53-417a3da4e181/01a02e50-bfb1-713c-9125-6ebef386f19a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-23T11:17:06.419Z","updatedAt":"2026-09-10T13:01:16.275Z","publishedAt":"2026-08-23T11:17:06.416Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://elasticgallerypro.framer.website/?editSite","price":"7","paymentUrl":"https://checkout.dodopayments.com/buy/pdt_0Nm0oZM7uTVq01xDyA0Nk?quantity=1","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ZclI82x5VlTsxNgiC53j","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-23T11:27:43.647Z","createdAt":"2026-08-23T11:17:06.966Z","updatedAt":"2026-08-23T11:27:43.647Z","reported":false}}],"$L5f"]

Suggested for you