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:Tb1f,

Cinematic scroll-driven component

Storytelling Hero transforms a simple product introduction into a scroll-driven visual journey. It combines cinematic imagery, editorial typography, a product reveal, rotating product motion, an animated photo wall, and sequential benefit cards in one reusable Framer component.

Ideal for beauty and wellness brands, product launches, lifestyle campaigns, editorial websites, creative portfolios, and storytelling-focused landing pages.

What You Can Customize

What You Can Customize

Customize everything directly from Framer’s properties panel—no coding required.

Brand name or uploaded logo
Hero image or video
Product image and caption
Photo wall images
Tagline, captions, and card copy
Three benefit card images and text
Font family, weight, and style
Text and background colors
Image corner radius
Scroll duration
Optional product rotation frames

Responsive by Design

The component adapts across:

Desktop
Tablet
Mobile

Responsive typography, image placement, and spacing are handled within the component, while remaining flexible enough to match your project.

What’s Included

Reusable Framer code component
Scroll-driven hero and product reveal
Animated typography and photo wall
Sequential benefit cards
Custom image, logo, text, font, and color controls
Responsive and reduced-motion support
Installation guidance

How It Works

Add the component to your Framer project and customize images, branding, copy, colors, and fonts directly from the properties panel.

Requirements

A Framer account
A Framer project that supports code components
Basic familiarity with Framer’s properties panel

Before You Purchase

This product is delivered digitally. Due to the nature of digital products, all sales are final and refunds are not available after purchase.

53:T9b8,

Editorial Scroll Reveal

Create an immersive hero section that unfolds as visitors scroll. Editorial Scroll Reveal combines progressive typography with floating imagery to transform a simple introduction into an engaging visual story.

Ideal for creative portfolios, editorial websites, beauty and wellness brands, product launches, campaigns, and storytelling-focused landing pages.

What You Can Customize

Everything can be adjusted directly from the Framer properties panel—no coding required.

Eyebrow label
Text content and reveal sequence
Images and alternative text
Image positions and aspect ratios
Background color
Revealed and hidden text colors
Accent color
Heading typography and size
Eyebrow typography
Image corner radius and shadow
Progress indicator visibility

Responsive by Design

The component adapts across:

Desktop
Tablet
Mobile

Responsive typography, image placement, and spacing are handled within the component, while remaining flexible enough to match your project.

What’s Included

One reusable Framer code component
Scroll-driven text reveal animation
Progressive image reveal effects
Customizable property controls
Responsive behavior
Reduced-motion accessibility support
Installation and customization guidance
Technical support for product-related issues

How It Works

Add the component to your Framer project, adjust its height to define the duration of the experience, and customize the content from the properties panel. As visitors scroll, each section of text and its accompanying imagery are progressively revealed.

A taller component creates a slower, more spacious sequence, while a shorter height produces a faster reveal.

Requirements

A Framer account
A Framer project that supports code components
Basic familiarity with Framer’s properties panel

Before You Purchase

This product is delivered digitally. Due to the nature of digital products, all sales are final and refunds are not available after purchase.

54:T86f,

Coastkind is a complete Framer website template for environmental nonprofits, conservation organizations, foundations, NGOs, and community-led initiatives.

Its editorial layout balances credible reporting with human stories, helping organizations explain what they do, show measurable impact, introduce their team and partners, publish ongoing programs and stories, and guide visitors toward volunteering or donating.

The template includes 15 responsive routes, two CMS detail systems with Previous and Next navigation, a dedicated donation page, custom mobile navigation, a custom 404 page, structured SEO metadata, reusable project styles, and nine organized CMS collections. Every page includes desktop, tablet, and phone layouts.

Coastkind is intentionally integration-neutral. The donation page is ready to connect to the buyer's preferred fundraising or payment platform, while the newsletter and contact forms are presentation-ready and can be connected to the buyer's chosen service. No third-party account is required to remix and customize the template.

All organization names, people, programs, impact figures, reports, and stories are fictional sample content created to demonstrate the layout.

Pages included

- Home

- Focus Areas

- Programs

- Program Detail (CMS)

- Impact

- Reports

- Stories

- Story Detail (CMS)

- Newsletter

- Mission & Approach

- Team

- Partners & Funders

- Get Involved

- Donate

- Custom 404

Creator/support email: tnmnstr.design@gmail.com

Important disclosure

Coastkind does not process donations, send form submissions, issue receipts, manage donor data, or provide a CRM. Buyers should connect the donation buttons and forms to services that meet their legal, privacy, tax, and accessibility requirements.

Refund policy

Because this is a digital product delivered through a Remix link, purchases are generally non-refundable after access has been provided.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9033e3bf-7790-4b39-8873-bcc00be160b6-all:/unified/creator/9033e3bf-7790-4b39-8873-bcc00be160b6/activity/":[{"data":[{"id":"01a0fe52-19ff-74ba-8f04-938cea225335","type":"comment.liked","target":{"type":"comment","id":"01a0f53c-aa08-738c-a470-5e6cc6665672","preview":"Lovely motion","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Lovely motion"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f53c-aa08-738c-a470-5e6cc6665672"},"repost":null}},"context":{"type":"post","id":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","preview":"Storytelling Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0f52d-b942-779b-a56f-e084be007dbd.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T20:33:08.603Z","latestAt":"2026-10-02T20:33:08.603Z"},{"id":"01a0fe52-16ba-774e-bc4e-7689f1d9d0d7","type":"comment.liked","target":{"type":"comment","id":"01a0f58b-06ed-74a8-99bc-7adc05fcd3e0","preview":"much needed component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"much needed component"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f58b-06ed-74a8-99bc-7adc05fcd3e0"},"repost":null}},"context":{"type":"post","id":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","preview":"Storytelling Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0f52d-b942-779b-a56f-e084be007dbd.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T20:33:07.760Z","latestAt":"2026-10-02T20:33:07.760Z"},{"id":"01a0fe51-d24f-7688-8d92-a4eda189ea21","type":"post.liked","target":{"type":"post","id":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","preview":"DID I COOK?\nBuilt this 3D Image Gallery for Russet Supply\nBeen experimenting with a different way to showcase images\nLive preview\nWhat do you think?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DID I COOK?"}]},{"type":"paragraph","content":[{"type":"text","text":"Built this "},{"type":"text","text":"3D Image Gallery ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/aqaPyNR","target":"_blank"}}]},{"type":"text","text":"for "},{"type":"text","text":"Russet Supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://hy.chujiqiqi.com/@russetsupply/components/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Been experimenting with a different way to showcase images"}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://3dimagegallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"thumbnail":"https://image.mux.com/HoW9DIkNASWBHg00r18xs01LcIH6R6gJj2TAXDpoSAAWU/thumbnail.webp?time=4.733","targetDeleted":false,"owned":false,"actions":{"postId":"01a0fda9-2ce6-73ae-ba30-e49b8c10daeb","like":{"count":20,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T20:32:50.249Z","latestAt":"2026-10-02T20:32:50.249Z"},{"id":"01a0f59b-8b58-76c9-9e8e-3388eeed0a33","type":"template.liked","target":{"type":"template","id":"73202","preview":"Riwa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/01a0a8de-3dc5-717e-95b5-d43475e81a84.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-01T03:56:46.783Z","latestAt":"2026-10-01T03:56:46.783Z"},{"id":"01a0f59b-62b1-7750-84f0-486d923642b5","type":"post.liked","target":{"type":"post","id":"01a0d298-b2ba-72af-b1bc-8afd4f938379","preview":"Riwa just hit #1 on the marketplace in the Design category 🥹\nAnd Nyro is sitting at #8.\nOkay… pretty damn good day 😮‍💨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Riwa","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://riwadesign.framer.website/","target":"_blank"}}]},{"type":"text","text":" just hit #1 on the marketplace in the Design category "},{"type":"emoji","attrs":{"name":"face_holding_back_tears","emoji":"🥹"}}]},{"type":"paragraph","content":[{"type":"text","text":"And "},{"type":"text","text":"Nyro","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://nyro.framer.website/","target":"_blank"}}]},{"type":"text","text":" is sitting at #8."}]},{"type":"paragraph","content":[{"type":"text","text":"Okay… pretty damn good day "},{"type":"emoji","attrs":{"name":"face_exhaling","emoji":"😮‍💨"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/01a0d297-143f-762f-9aab-371ff4ed44c6.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d298-b2ba-72af-b1bc-8afd4f938379","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T03:56:36.383Z","latestAt":"2026-10-01T03:56:36.383Z"},{"id":"01a0f59b-53fb-74d3-be3b-093d897b05a4","type":"creator.followed","target":{"type":"creator","id":"e46aa50e-6486-494c-af82-d7b4b64013ce","preview":"Yulia Tsyhanenko","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/7s8p4otd","slug":"yulia-design","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T03:56:32.607Z","latestAt":"2026-10-01T03:56:32.607Z"},{"id":"01a0f593-85c8-76ad-a5ec-83252266dff3","type":"creator.followed","target":{"type":"creator","id":"b2e693cc-f59c-4f8e-bde0-94300933232f","preview":"Gr8r Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b2e693cc-f59c-4f8e-bde0-94300933232f/0jwj91hl","slug":"get-greater-quality-template-for-you-saas-ai-startup-business","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T03:48:01.071Z","latestAt":"2026-10-01T03:48:01.071Z"},{"id":"01a0f516-2da1-72cc-95f7-c4c0adeefe75","type":"component.created","target":{"type":"component","id":"B7U968tagx0id248YxZq","preview":"Storytelling Hero","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0f52d-b942-779b-a56f-e084be007dbd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-01T01:31:06.529Z","latestAt":"2026-10-01T01:31:06.529Z"},{"id":"01a0ca64-3d53-767d-9cac-28583d2139b5","type":"creator.followed","target":{"type":"creator","id":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","preview":"felix strobel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","slug":"fs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T18:32:42.029Z","latestAt":"2026-09-22T18:32:42.029Z"},{"id":"01a0bff0-329d-7179-93c6-ab0ca021452b","type":"creator.followed","target":{"type":"creator","id":"d4e1c749-998e-4fdd-9d22-3c4d04bc05fe","preview":"Kanvas Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4e1c749-998e-4fdd-9d22-3c4d04bc05fe/xqahd86l","slug":"kanvas-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T17:49:44.978Z","latestAt":"2026-09-20T17:49:44.978Z"},{"id":"01a0bb03-8109-718d-8e6e-cfd412713374","type":"component.created","target":{"type":"component","id":"rNkaQC469kCmcTdJgjSA","preview":"Storyline Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0bb03-3f58-768b-9b0d-babd2c0e9787.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-19T18:52:44.169Z","latestAt":"2026-09-19T18:52:44.169Z"},{"id":"01a0a0ec-10cb-7280-9c80-8b52d40e9592","type":"creator.followed","target":{"type":"creator","id":"1c3f8c0e-9a84-4398-b943-070b6a20c51a","preview":"Temlix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c3f8c0e-9a84-4398-b943-070b6a20c51a/k9nsnu4c","slug":"temlix","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T17:17:00.485Z","latestAt":"2026-09-14T17:17:00.485Z"},{"id":"01a0a0eb-e6a5-74c7-b848-c5b61b885f57","type":"creator.followed","target":{"type":"creator","id":"8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58","preview":"Zeeshan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8cb28d44-fcf5-43b4-a7ec-b93c7e27ab58/4g5i90l4","slug":"designsbyzeeshan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T17:16:49.680Z","latestAt":"2026-09-14T17:16:49.680Z"},{"id":"01a0a0ea-6a50-739b-85cb-f19ed241d28d","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T17:15:12.326Z","latestAt":"2026-09-14T17:15:12.326Z"},{"id":"01a0a0b3-d8fa-76ef-be57-c0ef6d0f24e7","type":"creator.followed","target":{"type":"creator","id":"0cf4af4d-f636-4da9-b804-9f738baf7c2a","preview":"Monika","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/35550/avatar-JjDdxR7ifaF5ZFNWlqOtrnSmKM2jDR.jpg","slug":"monika-michalczyk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:15:36.133Z","latestAt":"2026-09-14T16:15:36.133Z"},{"id":"01a0a0ad-fc10-7038-9ba4-baa4e0c6c22c","type":"creator.followed","target":{"type":"creator","id":"fdb04bb1-700e-4408-9397-05fc00ef5ef9","preview":"Ivan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fdb04bb1-700e-4408-9397-05fc00ef5ef9/27ccxz96","slug":"templates","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:09:11.907Z","latestAt":"2026-09-14T16:09:11.907Z"},{"id":"01a0a0ac-8834-706c-93ce-3b3e6161a97b","type":"creator.followed","target":{"type":"creator","id":"e49e732e-a4ec-42bd-a8a3-45a88e8da6a2","preview":"Ryan Hayward","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/78331/avatar-krtnQiX4NFH9i5BBEC7rTLwYkUMunJ.jpg","slug":"theryanhayward","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T16:07:36.705Z","latestAt":"2026-09-14T16:07:36.705Z"},{"id":"01a09d36-3b87-77fb-bfb2-524fd878844d","type":"component.created","target":{"type":"component","id":"iaHHvb5TUp1BnnWFUq8u","preview":"Tideway Navigation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09d34-eb52-769c-ab91-c39aa215f6d9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T23:59:32.231Z","latestAt":"2026-09-13T23:59:32.231Z"},{"id":"01a09c50-ae8e-7024-b464-5ac8f87fc160","type":"component.liked","target":{"type":"component","id":"vWCEnVheWxsoUo2f7XJP","preview":"Setps Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64587990-7043-4e38-9eb1-c6d28700e39c/019f7dcb-3a92-70ee-9644-731a8f1705fe.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T19:48:48.239Z","latestAt":"2026-09-13T19:48:48.239Z"},{"id":"01a09c4d-8efc-757d-b5d5-1f1425e0a39e","type":"component.created","target":{"type":"component","id":"q0pCoelOnROKuKKlzCWu","preview":"FocusFold Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09c4a-b98c-7033-8506-34e0d97ace9b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","slug":"isobel-hsu-56d4br","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T19:45:23.708Z","latestAt":"2026-09-13T19:45:23.708Z"}],"pagination":{"next":"MjAyNi0wOS0xM1QxOTo0NToyMy43MDhafDAxYTA5YzRkLThlZmMtNzU3ZC1iNWQ1LTFmMTQyNWUwYTM5ZQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9033e3bf-7790-4b39-8873-bcc00be160b6:/unified/posts/?creator=9033e3bf-7790-4b39-8873-bcc00be160b6&with=reposts":[{"data":[{"id":"01a0f516-2b1e-75bb-97bb-dd48bfe5e804","title":null,"body":"

Bring your brand story to life with a cinematic scroll-driven hero section.

Designed to create an immersive first impression, this Framer component combines full-screen imagery, elegant typography, and smooth transitions to guide visitors through your story—one scroll at a time.

Perfect for beauty, wellness, fashion, lifestyle, and editorial brands looking to make their website feel more emotional, memorable, and alive.

#Framer #FramerComponent #WebDesign #WebAnimation #CreativeWebDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring your brand story to life with a cinematic scroll-driven hero section."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to create an immersive first impression, this Framer component combines full-screen imagery, elegant typography, and smooth transitions to guide visitors through your story—one scroll at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for beauty, wellness, fashion, lifestyle, and editorial brands looking to make their website feel more emotional, memorable, and alive."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerComponent #WebDesign #WebAnimation #CreativeWebDesign"}]}]},"author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"B7U968tagx0id248YxZq","resolved":true,"title":"Storytelling Hero","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Cinematic scroll-driven component","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Storytelling Hero transforms a simple product introduction into a scroll-driven visual journey. It combines cinematic imagery, editorial typography, a product reveal, rotating product motion, an animated photo wall, and sequential benefit cards in one reusable Framer component.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for beauty and wellness brands, product launches, lifestyle campaigns, editorial websites, creative portfolios, and storytelling-focused landing pages.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"What You Can Customize","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"What You Can Customize","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize everything directly from Framer’s properties panel—no coding required.","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand name or uploaded logo","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero image or video","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product image and caption","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photo wall images","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tagline, captions, and card copy","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three benefit card images and text","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font family, weight, and style","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text and background colors","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image corner radius","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll duration","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional product rotation frames","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Responsive by Design","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The component adapts across:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive typography, image placement, and spacing are handled within the component, while remaining flexible enough to match your project.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable Framer code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven hero and product reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated typography and photo wall"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sequential benefit cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom image, logo, text, font, and color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive and reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Installation guidance"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add the component to your Framer project and customize images, branding, copy, colors, and fonts directly from the properties panel.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Requirements","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer account","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer project that supports code components","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic familiarity with Framer’s properties panel","marks":[{"type":"bold"}]}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Before You Purchase","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This product is delivered digitally. Due to the nature of digital products, all sales are final and refunds are not available after purchase.","marks":[{"type":"bold"}]}]}]},"introduction":"Cinematic scroll-driven component","slug":"storytelling-hero","author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0f52d-b942-779b-a56f-e084be007dbd.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-01T01:31:05.102Z","updatedAt":"2026-10-01T01:56:52.182Z","publishedAt":"2026-10-01T01:31:05.099Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://storytelling-brand-hero.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_MKQvI2SmdFRT1FVd2871bJJcBWEMiQDmNBpOd2bZ2r1","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"q8Xt1Uo9VS7S4YHvNyV8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-01T01:31:05.886Z","updatedAt":"2026-10-01T01:31:05.886Z"},{"id":"01a0bb03-7eb2-710d-86e6-53fcb897cc0f","title":null,"body":"

New Framer Component — Editorial Scroll Reveal ✨

I’ve just launched Editorial Scroll Reveal, a customizable hero component that reveals text and imagery progressively as visitors scroll.

It’s designed for portfolios, editorial websites, wellness brands, product launches, and any project that needs a more immersive storytelling experience.

What you can customize:

Text content and reveal sequence

Images, positions, and aspect ratios

Colors and typography

Image radius and shadows

Animation length

Progress indicator

Desktop, tablet, and mobile layouts

Everything can be adjusted directly from the Framer properties panel—no coding required.

I’d love to see what you create with it. Feedback and questions are always welcome! 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New Framer Component — Editorial Scroll Reveal ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve just launched "},{"type":"text","text":"Editorial Scroll Reveal","marks":[{"type":"bold"}]},{"type":"text","text":", a customizable hero component that reveals text and imagery progressively as visitors scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s designed for portfolios, editorial websites, wellness brands, product launches, and any project that needs a more immersive storytelling experience."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can customize:"}]},{"type":"paragraph","content":[{"type":"text","text":"Text content and reveal sequence"}]},{"type":"paragraph","content":[{"type":"text","text":"Images, positions, and aspect ratios"}]},{"type":"paragraph","content":[{"type":"text","text":"Colors and typography"}]},{"type":"paragraph","content":[{"type":"text","text":"Image radius and shadows"}]},{"type":"paragraph","content":[{"type":"text","text":"Animation length"}]},{"type":"paragraph","content":[{"type":"text","text":"Progress indicator"}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet, and mobile layouts"}]},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from the Framer properties panel—no coding required."}]},{"type":"paragraph","content":[{"type":"text","text":"I’d love to see what you create with it. Feedback and questions are always welcome! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rNkaQC469kCmcTdJgjSA","resolved":true,"title":"Storyline Reveal","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Editorial Scroll Reveal"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Create an immersive hero section that unfolds as visitors scroll. "},{"type":"text","text":"Editorial Scroll Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" combines progressive typography with floating imagery to transform a simple introduction into an engaging visual story."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for creative portfolios, editorial websites, beauty and wellness brands, product launches, campaigns, and storytelling-focused landing pages."}]},{"type":"customHeading","content":[{"type":"text","text":"What You Can Customize"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything can be adjusted directly from the Framer properties panel—no coding required."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eyebrow label"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text content and reveal sequence"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images and alternative text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image positions and aspect ratios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Revealed and hidden text colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Heading typography and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eyebrow typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image corner radius and shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progress indicator visibility"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Responsive by Design"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The component adapts across:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive typography, image placement, and spacing are handled within the component, while remaining flexible enough to match your project."}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One reusable Framer code component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven text reveal animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Progressive image reveal effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable property controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion accessibility support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Installation and customization guidance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Technical support for product-related issues"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Add the component to your Framer project, adjust its height to define the duration of the experience, and customize the content from the properties panel. As visitors scroll, each section of text and its accompanying imagery are progressively revealed."}]},{"type":"paragraph","content":[{"type":"text","text":"A taller component creates a slower, more spacious sequence, while a shorter height produces a faster reveal."}]},{"type":"customHeading","content":[{"type":"text","text":"Requirements"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer account"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer project that supports code components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Basic familiarity with Framer’s properties panel"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Before You Purchase"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This product is delivered digitally. Due to the nature of digital products, all sales are final and refunds are not available after purchase."}]}]},"introduction":"Editorial Scroll Reveal","slug":"storyline-reveal","author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a0bb03-3f58-768b-9b0d-babd2c0e9787.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-19T18:52:42.930Z","updatedAt":"2026-09-19T18:52:42.930Z","publishedAt":"2026-09-19T18:52:42.927Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scroll-reveal.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_MKQvI2SmdFRT1FVd2871bJJcBWEMiQDmNBpOd2bZ2r1","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"68gd3KZtaEwcr2GPPldE","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-19T18:54:40.755Z","createdAt":"2026-09-19T18:52:43.570Z","updatedAt":"2026-09-19T18:54:40.755Z"},{"id":"01a09d36-395c-713c-b223-ffe1aff713d3","title":null,"body":"

Meet Tideway Navigation 🌊

A clean, flexible navigation component built for Framer — designed to adapt smoothly across breakpoints and fit into almost any modern website.

Easy to customize, easy to reuse, and built to save you from rebuilding navigation every time.

Now available in the Framer Community.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Tideway Navigation","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}}]},{"type":"paragraph","content":[{"type":"text","text":"A clean, flexible navigation component built for Framer — designed to adapt smoothly across breakpoints and fit into almost any modern website."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize, easy to reuse, and built to save you from rebuilding navigation every time."}]},{"type":"paragraph","content":[{"type":"text","text":"Now available in the Framer Community."}]}]},"author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"iaHHvb5TUp1BnnWFUq8u","resolved":true,"title":"Tideway Navigation","body":"

Tideway Navigation is a flexible, responsive navigation component built for modern Framer websites. Designed to adapt smoothly across screen sizes, it gives you a polished foundation for creating clear, intuitive navigation without rebuilding the structure from scratch.

Customize the layout, links, buttons, spacing, and styling to match your brand, while keeping the experience consistent across desktop, tablet, and mobile.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tideway Navigation is a flexible, responsive navigation component built for modern Framer websites. Designed to adapt smoothly across screen sizes, it gives you a polished foundation for creating clear, intuitive navigation without rebuilding the structure from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the layout, links, buttons, spacing, and styling to match your brand, while keeping the experience consistent across desktop, tablet, and mobile."}]}]},"introduction":"Flexible navigation component","slug":"tideway-navigation","author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09d34-eb52-769c-ab91-c39aa215f6d9.png","metadata":{"tint":{"h":0,"s":0,"l":24},"width":1600,"height":1201}}],"post":null,"createdAt":"2026-09-13T23:59:31.081Z","updatedAt":"2026-09-13T23:59:31.081Z","publishedAt":"2026-09-13T23:59:31.077Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Tideway-Navigation-T2ejMh.js@jM7oTGknu3c8NTKJ8Ul3","previewUrl":"https://tideway.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"jM7oTGknu3c8NTKJ8Ul3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T23:59:31.676Z","updatedAt":"2026-09-13T23:59:31.676Z"},{"id":"01a09c4d-8cc2-759f-bded-e601b7f2433a","title":null,"body":"

Just launched Interactive Expanding Card Deck — a responsive Framer component designed to turn featured content into an engaging, interactive experience.

Customize every card’s title, description, image, link, background, and accent colors directly in Framer—no CMS required. It includes desktop, tablet, and mobile variants, making it perfect for showcasing projects, services, destinations, collections, and more.

Would love to hear what you create with it! 🌊✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched "},{"type":"text","text":"Interactive Expanding Card Deck","marks":[{"type":"bold"}]},{"type":"text","text":" — a responsive Framer component designed to turn featured content into an engaging, interactive experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize every card’s title, description, image, link, background, and accent colors directly in Framer—no CMS required. It includes desktop, tablet, and mobile variants, making it perfect for showcasing projects, services, destinations, collections, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you create with it! "},{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"q0pCoelOnROKuKKlzCWu","resolved":true,"title":"FocusFold Cards","body":"

A responsive interactive card deck that expands on hover to reveal more content and create an engaging browsing experience. Customize each card’s title, description, image, link, background, and accent colors directly in Framer—no CMS required. Includes desktop, tablet, and mobile variants, making it ideal for showcasing services, projects, destinations, collections, and featured content.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A responsive interactive card deck that expands on hover to reveal more content and create an engaging browsing experience. Customize each card’s title, description, image, link, background, and accent colors directly in Framer—no CMS required. Includes desktop, tablet, and mobile variants, making it ideal for showcasing services, projects, destinations, collections, and featured content."}]}]},"introduction":"Interactive Expanding Card Deck","slug":"focusfold-cards","author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09c4a-b98c-7033-8506-34e0d97ace9b.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1448,"height":1086}}],"post":null,"createdAt":"2026-09-13T19:45:22.540Z","updatedAt":"2026-09-13T19:45:22.540Z","publishedAt":"2026-09-13T19:45:22.537Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Interactive-Expanding-Card-Deck-b9pfqn.js@djMXpGGxCkVAHAQ8kGVQ","previewUrl":"https://interactive-deck.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"djMXpGGxCkVAHAQ8kGVQ","tags":[]}}],"contests":[],"categories":[],"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-13T19:45:23.138Z","updatedAt":"2026-09-13T19:45:23.138Z"},{"id":"01a06943-e3f5-7394-b999-fdc737419aa5","title":null,"body":"

Introducing Coastkind — a modern Framer template for nonprofits, environmental organizations, and community-led initiatives.

It includes 15 responsive pages, Programs and Stories CMS collections with detail pages, a donation experience, impact reporting, newsletter and volunteer forms, reusable components, mobile navigation, and SEO foundations.

Designed to help purpose-driven teams launch a credible, editorial website without starting from scratch.

Preview: https://coastkind-collective.framer.website/ Price: US$99

#Framer #FramerTemplate #Nonprofit #WebDesign #CMS

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Coastkind — a modern Framer template for nonprofits, environmental organizations, and community-led initiatives."}]},{"type":"paragraph","content":[{"type":"text","text":"It includes 15 responsive pages, Programs and Stories CMS collections with detail pages, a donation experience, impact reporting, newsletter and volunteer forms, reusable components, mobile navigation, and SEO foundations."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to help purpose-driven teams launch a credible, editorial website without starting from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://coastkind-collective.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://coastkind-collective.framer.website/","target":"_blank"}}]},{"type":"text","text":" Price: US$99"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #Nonprofit #WebDesign #CMS"}]}]},"author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72429","resolved":true,"title":"Coastkind Collective","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Coastkind is a complete Framer website template for environmental nonprofits, conservation organizations, foundations, NGOs, and community-led initiatives."}]},{"type":"paragraph","content":[{"type":"text","text":"Its editorial layout balances credible reporting with human stories, helping organizations explain what they do, show measurable impact, introduce their team and partners, publish ongoing programs and stories, and guide visitors toward volunteering or donating."}]},{"type":"paragraph","content":[{"type":"text","text":"The template includes 15 responsive routes, two CMS detail systems with Previous and Next navigation, a dedicated donation page, custom mobile navigation, a custom 404 page, structured SEO metadata, reusable project styles, and nine organized CMS collections. Every page includes desktop, tablet, and phone layouts."}]},{"type":"paragraph","content":[{"type":"text","text":"Coastkind is intentionally integration-neutral. The donation page is ready to connect to the buyer's preferred fundraising or payment platform, while the newsletter and contact forms are presentation-ready and can be connected to the buyer's chosen service. No third-party account is required to remix and customize the template."}]},{"type":"paragraph","content":[{"type":"text","text":"All organization names, people, programs, impact figures, reports, and stories are fictional sample content created to demonstrate the layout."}]},{"type":"customHeading","content":[{"type":"text","text":"Pages included"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Home"}]},{"type":"paragraph","content":[{"type":"text","text":"- Focus Areas"}]},{"type":"paragraph","content":[{"type":"text","text":"- Programs"}]},{"type":"paragraph","content":[{"type":"text","text":"- Program Detail (CMS)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Impact"}]},{"type":"paragraph","content":[{"type":"text","text":"- Reports"}]},{"type":"paragraph","content":[{"type":"text","text":"- Stories"}]},{"type":"paragraph","content":[{"type":"text","text":"- Story Detail (CMS)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Newsletter"}]},{"type":"paragraph","content":[{"type":"text","text":"- Mission & Approach"}]},{"type":"paragraph","content":[{"type":"text","text":"- Team"}]},{"type":"paragraph","content":[{"type":"text","text":"- Partners & Funders"}]},{"type":"paragraph","content":[{"type":"text","text":"- Get Involved"}]},{"type":"paragraph","content":[{"type":"text","text":"- Donate"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom 404"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Creator/support email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"tnmnstr.design@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:tnmnstr.design@gmail.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Important disclosure","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Coastkind does not process donations, send form submissions, issue receipts, manage donor data, or provide a CRM. Buyers should connect the donation buttons and forms to services that meet their legal, privacy, tax, and accessibility requirements."}]},{"type":"customHeading","content":[{"type":"text","text":"Refund policy"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Because this is a digital product delivered through a Remix link, purchases are generally non-refundable after access has been provided."}]}]},"introduction":"NGO template","slug":"coastkind-collective","author":{"framerUserId":"9033e3bf-7790-4b39-8873-bcc00be160b6","name":"Tiny Monster","slug":"isobel-hsu-56d4br","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/z5hih2wb","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/OdNs5vpCYZRfSWIMZEht1UGh3jFX01Nfhxe23WfMePaA.m3u8","metadata":{"posterUrl":"https://image.mux.com/OdNs5vpCYZRfSWIMZEht1UGh3jFX01Nfhxe23WfMePaA/thumbnail.webp?time=31","aspectRatio":"4:3","duration":39.9}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09cc1-93b7-7198-806d-12cc5ed9573f.webp","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9033e3bf-7790-4b39-8873-bcc00be160b6/01a09cc1-b2e9-7518-84d4-c5f77e66fcd9.webp","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-03T21:54:11.499Z","updatedAt":"2026-09-23T02:23:21.039Z","publishedAt":"2026-09-03T21:54:11.494Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://buy.polar.sh/polar_cl_MKQvI2SmdFRT1FVd2871bJJcBWEMiQDmNBpOd2bZ2r1","remixUrl":null,"previewUrl":"https://coastkind-collective.framer.website/","categories":[{"id":246,"name":"Political","slug":"political"},{"id":241,"name":"Non-profit","slug":"non-profit"},{"id":114,"name":"Education","slug":"education"},{"id":198,"name":"Church & Religious","slug":"church-and-religious"},{"id":212,"name":"Environmental","slug":"environmental"},{"id":202,"name":"Community","slug":"community"},{"id":253,"name":"Social & Recreational","slug":"social-and-recreational"}],"styles":[{"id":220,"name":"Gradient","slug":"gradient"}],"mainCategory":{"id":248,"name":"Services","slug":"professional-services"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T21:54:12.085Z","updatedAt":"2026-09-03T21:54:12.085Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]