50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/1v3f42-oqro9g.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/146b7x-3yl4nl.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js"],"S"] 51:T815,

Meet Forma Gallery

Your work deserves a little room to move.

Forma Gallery by Samwise Designs turns your images and videos into an animated bento layout for Framer. Cards smoothly resize to shift emphasis while keeping your content in the same order. Add your media, choose a composition, and let Forma handle the layout. No coding required.

A gallery that keeps moving

Choose from Balanced, Editorial, and Compact compositions. Adjust how often the layout changes and how long each transition takes, or disable animation for a static gallery.

An optional play/pause button gives visitors control, with customizable icon, background, and border colors.

Smooth category filters

Organize your work with optional filters. Only categories containing items appear, keeping navigation tidy.

A sliding indicator moves between tabs while the gallery smoothly transitions to the selected collection. Customize filter typography and colors to match your site.

A closer look at your work

Open images and videos in a focused lightbox with clickable thumbnails, navigation arrows, and optional captions. Videos play with controls.

Add an optional album to show multiple views of one project, or link an item to another page.

Make it yours

Customize everything through Framer’s settings panel:

Three responsive layout compositions.
Images, videos, categories, and optional albums.
Spacing, padding, and corner radius.
Animation timing and play/pause styling.
Filter typography and colors.
Lightbox background and text colors.

Six sample items are included to get you started. Forma supports reduced-motion preferences and stays visible on the Framer canvas, with animation running in preview and on your published site.

Built for portfolios, photography, artwork, and creative studios.

Made by Samwise Designs.

The boxes have places to be.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-e92154fd-13b1-44bf-8216-aa93a0bd69ee-all:/unified/creator/e92154fd-13b1-44bf-8216-aa93a0bd69ee/activity/":[{"data":[{"id":"01a0b461-a197-73be-8406-c9a496a22c04","type":"comment.liked","target":{"type":"comment","id":"01a0b24f-bb56-766b-b074-d7aa624251a5","preview":"The layout is doing the work here.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The layout is doing the work here."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b24f-bb56-766b-b074-d7aa624251a5"},"repost":null}},"context":{"type":"post","id":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","preview":"Forma Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/01a07afc-beb9-7169-b7dc-0b504b9f10e9.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e92154fd-13b1-44bf-8216-aa93a0bd69ee","name":"Salma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/efsojus6","slug":"samwise-designs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T11:58:12.370Z","latestAt":"2026-09-18T11:58:12.370Z"},{"id":"01a0b461-9b13-708c-9d90-3456282c62aa","type":"comment.reply","target":{"type":"post","id":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","preview":"Forma Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/01a07afc-beb9-7169-b7dc-0b504b9f10e9.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b461-9aeb-77d1-bd75-1641617d290c","preview":"It's definitely doing its best. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It's definitely doing its best. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b24f-bb56-766b-b074-d7aa624251a5"},"repost":null}},"actors":[{"id":"e92154fd-13b1-44bf-8216-aa93a0bd69ee","name":"Salma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/efsojus6","slug":"samwise-designs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T11:58:10.707Z","latestAt":"2026-09-18T11:58:10.707Z"},{"id":"01a07afe-856f-743c-9975-2288f98116c9","type":"component.created","target":{"type":"component","id":"Mz1i4cNOh331Cql8CGQc","preview":"Forma Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/01a07afc-beb9-7169-b7dc-0b504b9f10e9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e92154fd-13b1-44bf-8216-aa93a0bd69ee","name":"Salma","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/efsojus6","slug":"samwise-designs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-07T08:31:35.791Z","latestAt":"2026-09-07T08:31:35.791Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e92154fd-13b1-44bf-8216-aa93a0bd69ee:/unified/posts/?creator=e92154fd-13b1-44bf-8216-aa93a0bd69ee&with=reposts":[{"data":[{"id":"01a07afe-82f7-741b-b5a3-5475a7bc17c2","title":null,"body":"

Hello! My name is Sam, but you can call me Samwise 👋

I’ve created Forma Gallery, an animated bento gallery for Framer that gives your images and videos a little room to move.

It’s been a lot of building, tweaking, and convincing boxes to behave. Excited to share it and even more excited to create more components in the future.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello! My name is Sam, but you can call me Samwise "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve created Forma Gallery, an animated bento gallery for Framer that gives your images and videos a little room to move."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s been a lot of building, tweaking, and convincing boxes to behave. Excited to share it and even more excited to create more components in the future."}]}]},"author":{"framerUserId":"e92154fd-13b1-44bf-8216-aa93a0bd69ee","name":"Salma","slug":"samwise-designs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/efsojus6","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Mz1i4cNOh331Cql8CGQc","resolved":true,"title":"Forma Gallery","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Meet Forma Gallery"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Your work deserves a little room to move."}]},{"type":"paragraph","content":[{"type":"text","text":"Forma Gallery by Samwise Designs turns your images and videos into an animated bento layout for Framer. Cards smoothly resize to shift emphasis while keeping your content in the same order. Add your media, choose a composition, and let Forma handle the layout. No coding required."}]},{"type":"customHeading","content":[{"type":"text","text":"A gallery that keeps moving"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Choose from Balanced, Editorial, and Compact compositions. Adjust how often the layout changes and how long each transition takes, or disable animation for a static gallery."}]},{"type":"paragraph","content":[{"type":"text","text":"An optional play/pause button gives visitors control, with customizable icon, background, and border colors."}]},{"type":"customHeading","content":[{"type":"text","text":"Smooth category filters"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Organize your work with optional filters. Only categories containing items appear, keeping navigation tidy."}]},{"type":"paragraph","content":[{"type":"text","text":"A sliding indicator moves between tabs while the gallery smoothly transitions to the selected collection. Customize filter typography and colors to match your site."}]},{"type":"customHeading","content":[{"type":"text","text":"A closer look at your work"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Open images and videos in a focused lightbox with clickable thumbnails, navigation arrows, and optional captions. Videos play with controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Add an optional album to show multiple views of one project, or link an item to another page."}]},{"type":"customHeading","content":[{"type":"text","text":"Make it yours"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Customize everything through Framer’s settings panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three responsive layout compositions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images, videos, categories, and optional albums."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spacing, padding, and corner radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation timing and play/pause styling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Filter typography and colors."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightbox background and text colors."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Six sample items are included to get you started. Forma supports reduced-motion preferences and stays visible on the Framer canvas, with animation running in preview and on your published site."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, photography, artwork, and creative studios."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Made by Samwise Designs.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The boxes have places to be."}]}]},"introduction":"Animated Bento Gallery & Filters","slug":"forma-gallery","author":{"framerUserId":"e92154fd-13b1-44bf-8216-aa93a0bd69ee","name":"Salma","slug":"samwise-designs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/efsojus6","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e92154fd-13b1-44bf-8216-aa93a0bd69ee/01a07afc-beb9-7169-b7dc-0b504b9f10e9.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-07T08:31:34.528Z","updatedAt":"2026-09-07T08:57:04.114Z","publishedAt":"2026-09-07T08:31:34.525Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://formagallery.framer.website/","price":"15","paymentUrl":"https://7471522333316.gumroad.com/l/formagallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"sbo9iQ0BLAksho8Q9r0e","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-07T09:13:54.617Z","createdAt":"2026-09-07T08:31:35.159Z","updatedAt":"2026-09-07T09:13:54.617Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]