51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:Tab3,

# Editorial Card Grid

A bold, editorial image card grid for Framer. Full-bleed art cards reveal their title and description on hover, with a smooth image zoom and an alternating scroll-reveal as they enter view. Perfect for galleries, lookbooks, portfolios, feature sections, and creative showcases.

👉 [**See it live**](https://editorialcardgrid.framer.website/)

## ✨ Highlights

- ✅ Fully customizable — every card, color, and setting editable from the panel

- ✅ Mobile responsive — 4 columns on desktop, 2 on mobile, or set your own

- ✅ No code required — add cards, images, and captions visually

- ✅ Copy-paste install — paste onto the canvas and you're live in seconds

- ✅ Lightweight & fast — no external dependencies

- ✅ Hover to reveal — title stays visible, description expands on hover

- ✅ Image zoom + layered gradient overlay for depth

- ✅ Scroll reveal — cards slide in alternately with a subtle stagger

## 🎛 Customize everything

Add any number of cards, each with its own image, eyebrow, title, and description. Tune columns, card ratio, dividers, and colors. Toggle the scroll reveal and hover description on or off.

## 🖼 Great for

Galleries, lookbooks, portfolios, art direction, case studies, feature and capability sections, product showcases.

## 🚀 Install

1. Copy the component.

2. Paste it onto your Framer canvas.

3. Add your images and copy. Done.

## ✅ Requirements

- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

53:T523,

# Split Hero

A premium split hero section for Framer: bold headline and CTAs on the left, an auto-advancing image slideshow with a circular progress ring on the right. Drop it in, swap the copy and images, and ship.

## ✨ Includes

- Two-column split layout, fully responsive

- Auto-advancing image slideshow with crossfade

- Circular arc-progress ring, live counter, and rotating caption

- Social-proof avatar row and dual CTAs

- Dark, minimal, motion-first aesthetic

- Text edits on the canvas, slideshow and motion from the panel

- Lightweight, no dependencies

## 🎛 Customizable

Edit the headline, body, and buttons right on the canvas. Add your images, captions, interval, and ring styling from the properties panel.

## 🚀 Install

1. Copy the component (or insert from the marketplace).

2. Paste it onto your canvas.

3. Swap the copy and images.

## ✅ Requirements

- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

54:T67d,

# Hero Deep Grid

A dark, animated hero backdrop: a glowing wash over a subtle grid, with a retro 3D perspective floor scrolling toward the horizon. Drop it behind any hero and ship a landing page that feels alive.

## ✨ Features

- Retro perspective floor: animated 3D grid with adjustable speed, height, opacity, and an optional neon glow

- Soft radial glow: control color, size, position, and drift speed, or freeze it

- Subtle grid overlay: control color and spacing, or hide it

- Dark or Custom theme: ship the dark look instantly, or set your own background and grid color

- Show / hide toggles for the grid and floor, mix and match

- Respects reduced motion for accessibility

- Pauses when scrolled off-screen, easy on the CPU

- Lightweight, no dependencies, responsive at any size

## 🎛 Fully controllable

Everything is editable from Framer's properties panel. Tune the glow, grid, and floor to match your brand in seconds.

## 🚀 Install

1. Copy the component (or click Insert from the marketplace).

2. Paste it onto your Framer canvas and set it to Fill.

3. Customize from the properties panel.

## ✅ Requirements

- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

55:T703,

# Glass Rotating Text

A glassy pill that tumbles through your logos and labels in 3D. Perfect for "Build with…" or "Works with…" headlines that cycle through your tools, integrations, or partners.

The pill morphs its width to fit each item, so every label sits perfectly, no jumpy layout.

## ✨ Features

- Logo + label items: add as many as you like, each with its own icon and text

- Smooth 3D tumble with a width morph so the pill always fits the current word

- Fully adjustable timing: hold time and flip speed

- Type controls: font size and weight

- Full styling: text color, pill fill, and border

- Glass blur toggle for the frosted look, or turn it off for a solid pill

- Show / hide icons toggle for text-only mode

- Auto-sizes to its content, drop it inline in any heading

- Lightweight, no external dependencies

## 🎛 Fully controllable

Everything is editable from Framer's properties panel. Add your items, upload icons, and tune the motion and colors to match your brand in seconds.

## 🚀 Install

1. Click Insert (or copy the component) from the marketplace.

2. Paste it onto your Framer canvas.

3. Add your items and customize from the properties panel.

## ✅ Requirements

- A Framer project that supports code components

Questions or requests? Reach out anytime, happy to help.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-422bec6d-70d1-4eb1-96a5-ed023cac8c2a-all:/unified/creator/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/activity/":[{"data":[{"id":"019f5aa0-d0ce-76bf-a925-9e3a6b60266c","type":"component.created","target":{"type":"component","id":"HVRdaRdey3YaVLKVTpyU","preview":"Editorial Card Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/019f5aa0-bc89-7448-abdd-ea7fb39526f5.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-13T08:38:36.494Z","latestAt":"2026-07-13T08:38:36.494Z"},{"id":"019f5a04-9947-73d0-ad99-b75eea407530","type":"comment.reply","target":{"type":"post","id":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","preview":"Hero Dark Slideshow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/9yr9wvsa","targetDeleted":false,"owned":true,"actions":{"postId":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","like":{"count":34,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f5a04-992e-74db-a586-0b8fb99ff979","preview":"Thank you, Md. Omor. I'm glad you liked it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you, Md. Omor. I'm glad you liked it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f55d0-7862-7131-b40f-aee126ac649e"},"repost":null}},"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T05:47:58.663Z","latestAt":"2026-07-13T05:47:58.663Z"},{"id":"019f5a03-b19c-71fb-a052-f7030052df5d","type":"comment.liked","target":{"type":"comment","id":"019f55d0-7862-7131-b40f-aee126ac649e","preview":"good work","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"good work"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f55d0-7862-7131-b40f-aee126ac649e"},"repost":null}},"context":{"type":"post","id":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","preview":"Hero Dark Slideshow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/9yr9wvsa","targetDeleted":false,"owned":true,"actions":{"postId":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","like":{"count":34,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T05:46:59.351Z","latestAt":"2026-07-13T05:46:59.351Z"},{"id":"019f46b1-ff92-7410-a058-c83d3d6d0fa1","type":"component.created","target":{"type":"component","id":"HrYQJUXrMGu4WAKmq541","preview":"Hero Dark Slideshow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/9yr9wvsa","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T11:44:58.258Z","latestAt":"2026-07-09T11:44:58.258Z"},{"id":"019f1cde-19db-72de-b0f5-c0800f6ae154","type":"component.created","target":{"type":"component","id":"C83g9xpzXOQa0embXg2o","preview":"Hero Deep Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/k0cgl1j3","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-01T08:49:05.499Z","latestAt":"2026-07-01T08:49:05.499Z"},{"id":"019f1c6f-1c2e-7278-a489-87542452bf1c","type":"component.created","target":{"type":"component","id":"Xe0eI6qNmlmCjwm5Jt0N","preview":"Glass Rotating Text","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/o2l15eyo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","slug":"beyond-flows","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-01T06:47:51.598Z","latestAt":"2026-07-01T06:47:51.598Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:422bec6d-70d1-4eb1-96a5-ed023cac8c2a:/unified/posts/?creator=422bec6d-70d1-4eb1-96a5-ed023cac8c2a&with=reposts":[{"data":[{"id":"019f5aa0-cf1a-77ab-bed2-02300d66b5ae","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HVRdaRdey3YaVLKVTpyU","resolved":true,"title":"Editorial Card Grid","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"# Editorial Card Grid"}]},{"type":"paragraph","content":[{"type":"text","text":"A bold, editorial image card grid for Framer. Full-bleed art cards reveal their title and description on hover, with a smooth image zoom and an alternating scroll-reveal as they enter view. Perfect for galleries, lookbooks, portfolios, feature sections, and creative showcases."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" [**See it live**]("},{"type":"text","text":"https://editorialcardgrid.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://editorialcardgrid.framer.website/","target":"_blank"}}]},{"type":"text","text":")"}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Highlights"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" — every card, color, and setting editable from the panel"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Mobile responsive","marks":[{"type":"bold"}]},{"type":"text","text":" — 4 columns on desktop, 2 on mobile, or set your own"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"No code required","marks":[{"type":"bold"}]},{"type":"text","text":" — add cards, images, and captions visually"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Copy-paste install","marks":[{"type":"bold"}]},{"type":"text","text":" — paste onto the canvas and you're live in seconds"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Lightweight & fast","marks":[{"type":"bold"}]},{"type":"text","text":" — no external dependencies"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Hover to reveal","marks":[{"type":"bold"}]},{"type":"text","text":" — title stays visible, description expands on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Image zoom","marks":[{"type":"bold"}]},{"type":"text","text":" + layered gradient overlay for depth"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" "},{"type":"text","text":"Scroll reveal","marks":[{"type":"bold"}]},{"type":"text","text":" — cards slide in alternately with a subtle stagger"}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" Customize everything"}]},{"type":"paragraph","content":[{"type":"text","text":"Add any number of cards, each with its own image, eyebrow, title, and description. Tune columns, card ratio, dividers, and colors. Toggle the scroll reveal and hover description on or off."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" Great for"}]},{"type":"paragraph","content":[{"type":"text","text":"Galleries, lookbooks, portfolios, art direction, case studies, feature and capability sections, product showcases."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Install"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Copy the component."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Paste it onto your Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Add your images and copy. Done."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Requirements"}]},{"type":"paragraph","content":[{"type":"text","text":"- A Framer project that supports code components"}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or requests? Reach out anytime, happy to help."}]}]},"introduction":"Art gallery grid, hover to reveal","slug":"editorial-card-grid","author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/019f5aa0-bc89-7448-abdd-ea7fb39526f5.jpg","metadata":{"tint":{"h":0,"s":44,"l":14},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-13T08:38:35.767Z","updatedAt":"2026-07-13T08:38:35.767Z","publishedAt":"2026-07-13T08:38:35.764Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://editorialcardgrid.framer.website/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_GrnzCbMyRqWRGuSPXuApvKql6uFqXIl4NCPbJ0qN1c1","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"dHGaNL9OR3oGwWYXTWNg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-13T08:38:36.058Z","updatedAt":"2026-07-13T08:38:36.058Z"},{"id":"019f46b1-fe67-71cb-beb9-3e50bd5fa9ec","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HrYQJUXrMGu4WAKmq541","resolved":true,"title":"Hero Dark Slideshow","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"# Split Hero"}]},{"type":"paragraph","content":[{"type":"text","text":"A premium split hero section for Framer: bold headline and CTAs on the left, an auto-advancing image slideshow with a circular progress ring on the right. Drop it in, swap the copy and images, and ship."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Includes"}]},{"type":"paragraph","content":[{"type":"text","text":"- Two-column split layout, fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"- Auto-advancing image slideshow with crossfade"}]},{"type":"paragraph","content":[{"type":"text","text":"- Circular arc-progress ring, live counter, and rotating caption"}]},{"type":"paragraph","content":[{"type":"text","text":"- Social-proof avatar row and dual CTAs"}]},{"type":"paragraph","content":[{"type":"text","text":"- Dark, minimal, motion-first aesthetic"}]},{"type":"paragraph","content":[{"type":"text","text":"- Text edits on the canvas, slideshow and motion from the panel"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight, no dependencies"}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" Customizable"}]},{"type":"paragraph","content":[{"type":"text","text":"Edit the headline, body, and buttons right on the canvas. Add your images, captions, interval, and ring styling from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Install"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Copy the component (or insert from the marketplace)."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Paste it onto your canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Swap the copy and images. "}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Requirements"}]},{"type":"paragraph","content":[{"type":"text","text":"- A Framer project that supports code components"}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or requests? Reach out anytime, happy to help."}]}]},"introduction":"Interactive hero slideshow","slug":"hero-dark-slideshow","author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/9yr9wvsa","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T11:44:57.659Z","updatedAt":"2026-07-10T10:35:22.060Z","publishedAt":"2026-07-09T11:44:57.654Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/hero-slideshow-UOuShe.js@mNeHzAeS5pMOz9Cv1sys","previewUrl":"https://hero-slideshow.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"mNeHzAeS5pMOz9Cv1sys","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":34,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T11:44:57.959Z","updatedAt":"2026-07-09T11:44:57.959Z"},{"id":"019f1cde-1998-77ae-8513-57f835f6c7b7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"C83g9xpzXOQa0embXg2o","resolved":true,"title":"Hero Deep Grid","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"# Hero Deep Grid"}]},{"type":"paragraph","content":[{"type":"text","text":"A dark, animated hero backdrop: a glowing wash over a subtle grid, with a retro 3D perspective floor scrolling toward the horizon. Drop it behind any hero and ship a landing page that feels alive."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Features"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Retro perspective floor:","marks":[{"type":"bold"}]},{"type":"text","text":" animated 3D grid with adjustable speed, height, opacity, and an optional neon glow"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Soft radial glow:","marks":[{"type":"bold"}]},{"type":"text","text":" control color, size, position, and drift speed, or freeze it"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Subtle grid overlay:","marks":[{"type":"bold"}]},{"type":"text","text":" control color and spacing, or hide it"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Dark or Custom theme:","marks":[{"type":"bold"}]},{"type":"text","text":" ship the dark look instantly, or set your own background and grid color"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Show / hide toggles","marks":[{"type":"bold"}]},{"type":"text","text":" for the grid and floor, mix and match"}]},{"type":"paragraph","content":[{"type":"text","text":"- Respects reduced motion for accessibility"}]},{"type":"paragraph","content":[{"type":"text","text":"- Pauses when scrolled off-screen, easy on the CPU"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight, no dependencies, responsive at any size"}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" Fully controllable"}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from Framer's properties panel. Tune the glow, grid, and floor to match your brand in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Install"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Copy the component (or click Insert from the marketplace)."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Paste it onto your Framer canvas and set it to Fill."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Customize from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Requirements"}]},{"type":"paragraph","content":[{"type":"text","text":"- A Framer project that supports code components"}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or requests? Reach out anytime, happy to help."}]}]},"introduction":"Animated 3D grid hero with glow","slug":"hero-deep-grid","author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/k0cgl1j3","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1914,"height":1276}}],"post":null,"createdAt":"2026-07-01T08:49:05.391Z","updatedAt":"2026-07-09T11:48:07.419Z","publishedAt":"2026-07-01T08:49:05.383Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://herodeepgrid.framer.website/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_asEB0HT6woWm5RZLQj5YtORdCPmPJLVosqLrq0Avk00","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"ld98Uv4WE95Xj9qk62e4","tags":[]}}],"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-07-01T08:49:05.432Z","updatedAt":"2026-07-01T08:49:05.432Z"},{"id":"019f1c6f-1bef-7549-a7c8-ca756b1fadb9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Xe0eI6qNmlmCjwm5Jt0N","resolved":true,"title":"Glass Rotating Text","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"# Glass Rotating Text"}]},{"type":"paragraph","content":[{"type":"text","text":"A glassy pill that tumbles through your logos and labels in 3D. Perfect for \"Build with…\" or \"Works with…\" headlines that cycle through your tools, integrations, or partners."}]},{"type":"paragraph","content":[{"type":"text","text":"The pill morphs its width to fit each item, so every label sits perfectly, no jumpy layout."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Features"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Logo + label items:","marks":[{"type":"bold"}]},{"type":"text","text":" add as many as you like, each with its own icon and text"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Smooth 3D tumble","marks":[{"type":"bold"}]},{"type":"text","text":" with a width morph so the pill always fits the current word"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Fully adjustable timing:","marks":[{"type":"bold"}]},{"type":"text","text":" hold time and flip speed"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Type controls:","marks":[{"type":"bold"}]},{"type":"text","text":" font size and weight"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Full styling:","marks":[{"type":"bold"}]},{"type":"text","text":" text color, pill fill, and border"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Glass blur","marks":[{"type":"bold"}]},{"type":"text","text":" toggle for the frosted look, or turn it off for a solid pill"}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Show / hide icons","marks":[{"type":"bold"}]},{"type":"text","text":" toggle for text-only mode"}]},{"type":"paragraph","content":[{"type":"text","text":"- Auto-sizes to its content, drop it inline in any heading"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lightweight, no external dependencies"}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"control_knobs","emoji":"🎛"}},{"type":"text","text":" Fully controllable"}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable from Framer's properties panel. Add your items, upload icons, and tune the motion and colors to match your brand in seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Install"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Click Insert (or copy the component) from the marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Paste it onto your Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Add your items and customize from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"## "},{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Requirements"}]},{"type":"paragraph","content":[{"type":"text","text":"- A Framer project that supports code components"}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or requests? Reach out anytime, happy to help."}]}]},"introduction":"3D glass pill that flips logos","slug":"glass-rotating-text","author":{"framerUserId":"422bec6d-70d1-4eb1-96a5-ed023cac8c2a","name":"Beyond Flows","slug":"beyond-flows","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/io7phpoo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/422bec6d-70d1-4eb1-96a5-ed023cac8c2a/o2l15eyo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1604,"height":1062}}],"post":null,"createdAt":"2026-07-01T06:47:51.488Z","updatedAt":"2026-07-01T06:47:51.488Z","publishedAt":"2026-07-01T06:47:51.478Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/flip3dRotatingTextPill-dvkCzi.js@tpISJwt8zA4gS0J0Wuro","previewUrl":"https://glass-rotating-text.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"tpISJwt8zA4gS0J0Wuro","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-01T06:47:51.535Z","updatedAt":"2026-07-01T06:47:51.535Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]