62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T543,

Tell a process or form-finding story as users scroll. Concept Stepper pins a diagram on desktop and advances numbered steps as the page moves - then switches to swipe navigation on mobile.

Ideal for architecture case studies, product process sections, research narratives, and any sequence that needs a diagram + caption locked in view while copy progresses.

What's included

Sticky scroll mode (desktop): diagram stays pinned while steps change
Mobile mode: vertical layout + left/right swipe on the diagram
Configurable steps: number, title, description, image (up to 8)
Section label + body copy with full typography controls
Transition presets: crossfade, slide, zoom
Click or hover activation when sticky scroll is off
Scroll distance per step, sticky offset, mobile breakpoint
Canvas preview step + reduced-motion safe behavior

How to use

Paste the code component into your Framer project
Drop it into a tall section so sticky scroll has room
Add your step images and rewrite the process copy
Tune scroll-per-step and colors to match your page

A focused storytelling component - not another generic accordion.

64:T50a,

An editorial video player for Framer portfolios and studios. Show a large stage with play overlay, then let visitors pick from a clean playlist rail - each item embeds YouTube on click (including Shorts).

Designed for motion reels, project walkthroughs, and film indexes that should feel like part of the site - not a default YouTube embed block.

What's included

Large stage with thumbnail, play affordance, and click-to-embed
Playlist rail with active/hover states
Up to 12 videos: label, type, YouTube video ID, Shorts flag
Auto / desktop / mobile layout modes + breakpoint control
Typography controls for meta, title, and playlist rows
Color controls for text and borders
Open on YouTube external link
Canvas-safe / reduced-motion aware behavior

How to use

1. Paste the code component into your Framer project

2. Add YouTube video IDs (not full URLs) in the Videos array

3. Mark Shorts with the YouTube Short toggle when needed

4. Style fonts and colors to match your site

Default demo videos are public Creative Commons placeholders - replace them with your own IDs before publishing a client site.

65:T45b,

A production-ready portfolio work index for Framer. Switch between LIST and GRID, expand any row for description and preview image, and link each project to its case-study page - all from the properties panel.

Built for architects, studios, agencies, and editorial portfolios that need a calm, high-end index instead of a generic card grid.

What's included

LIST view with expandable rows and smooth open/close motion
GRID view for a denser project overview
Per-project fields: order, title, subtitle, term, location, description, award, link, preview image
Color + typography controls (title, meta, description)
Reduced-motion and canvas-safe behavior
Up to 12 projects via Array controls

How to use

1. Paste the code component into your Framer project

2. Replace the demo projects with your own content

3. Upload preview images and set project links

4. Match colors/fonts to your site tokens

Perfect for /work indexes, studio archives, and case-study hubs.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-c271754a-089b-4f23-97bd-ea40431c389b-all:/unified/creator/c271754a-089b-4f23-97bd-ea40431c389b/activity/":[{"data":[{"id":"01a07ec7-34be-707e-8b1d-cc721350bdbf","type":"creator.followed","target":{"type":"creator","id":"5d6b118a-0f38-448f-be4a-54efa0a23bc5","preview":"Struxent","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/724226/avatar-hN9v3ElYtLqxBxFid09g20d5VQ4mQF.jpg","slug":"struxent","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-08T02:09:39.514Z","latestAt":"2026-09-08T02:09:39.514Z"},{"id":"01a05909-09d6-726a-922b-5b30945878f0","type":"creator.followed","target":{"type":"creator","id":"6e4f8380-d6cb-4655-93f2-b81f15adf506","preview":"Apex Interactive","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6e4f8380-d6cb-4655-93f2-b81f15adf506/c4a9hfpi","slug":"apex-interactive","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T18:15:59.697Z","latestAt":"2026-08-31T18:15:59.697Z"},{"id":"01a04f93-7079-73f8-9340-9b1febf87813","type":"creator.followed","target":{"type":"creator","id":"81cfbb44-5c95-4a84-882c-714f9c9abacb","preview":"Shuvo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81cfbb44-5c95-4a84-882c-714f9c9abacb/06bhx0kj","slug":"shuvo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:57.776Z","latestAt":"2026-08-29T22:10:57.776Z"},{"id":"01a04f93-68ac-7139-b48e-aad67723b2bc","type":"creator.followed","target":{"type":"creator","id":"10babd35-5d65-432b-a937-0d364862def7","preview":"Template Munk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/987138/avatar-ab5H26kGpYaOYuIhN5LyueDxmZncxB.jpg","slug":"template-munk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:55.778Z","latestAt":"2026-08-29T22:10:55.778Z"},{"id":"01a04f93-652a-76cd-b06e-11a662b002c5","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:54.883Z","latestAt":"2026-08-29T22:10:54.883Z"},{"id":"01a04f93-5c44-733f-834c-34731d4f478e","type":"creator.followed","target":{"type":"creator","id":"7e90fc1d-cc64-4744-aedf-3798e1fc2518","preview":"no-more","previewJson":null,"thumbnail":null,"slug":"sourov-ahmed","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:52.608Z","latestAt":"2026-08-29T22:10:52.608Z"},{"id":"01a04f93-5976-720b-8e43-6393df0832ba","type":"creator.followed","target":{"type":"creator","id":"3bc4006a-8158-4fde-84b8-81bbf61c6381","preview":"Erapee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219546/avatar-cx1KKtujRNyP0P2bzZTxBYpp0gek8z.jpg","slug":"erapee","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:51.887Z","latestAt":"2026-08-29T22:10:51.887Z"},{"id":"01a04f93-57ba-7305-bffd-a56dfb380714","type":"creator.followed","target":{"type":"creator","id":"57f4e434-6bc4-451c-ad9d-d0c170454253","preview":"proto.ix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/57f4e434-6bc4-451c-ad9d-d0c170454253/n98g8h1e","slug":"protoix","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:51.444Z","latestAt":"2026-08-29T22:10:51.444Z"},{"id":"01a04f93-5535-73ad-8d37-f8cb1cb5b898","type":"creator.followed","target":{"type":"creator","id":"7a7cc215-a9a7-4e2c-8592-9e29987b354a","preview":"SKRIKSI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a7cc215-a9a7-4e2c-8592-9e29987b354a/24echadh","slug":"skriksi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:50.801Z","latestAt":"2026-08-29T22:10:50.801Z"},{"id":"01a04f93-42dd-70ea-a977-537eabe45334","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:46.099Z","latestAt":"2026-08-29T22:10:46.099Z"},{"id":"01a04f93-374d-716f-b112-9f314329e20d","type":"creator.followed","target":{"type":"creator","id":"f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b","preview":"MotionDevLab","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/f1997a7f-e9e5-45b2-af7b-4eed3d61dc9b/1u-rcf5T1","slug":"motion-dev-lab","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-29T22:10:43.144Z","latestAt":"2026-08-29T22:10:43.144Z"},{"id":"01a048e1-b72c-733f-bfdf-c23926f0f5ce","type":"creator.followed","target":{"type":"creator","id":"2b33eac4-4422-4c15-ba75-80a068fa9086","preview":"Denis Turbin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2b33eac4-4422-4c15-ba75-80a068fa9086/gogz3777","slug":"denis-turbin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:07.175Z","latestAt":"2026-08-28T14:59:07.175Z"},{"id":"01a048e1-b476-70ef-ba22-83cedd935379","type":"creator.followed","target":{"type":"creator","id":"b1162a39-0e86-41b9-b456-e6ca03bca81e","preview":"Eric Odom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b1162a39-0e86-41b9-b456-e6ca03bca81e/a19mr6se","slug":"ericodxm","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:06.482Z","latestAt":"2026-08-28T14:59:06.482Z"},{"id":"01a048e1-abf4-774a-8845-dd8e4a5b745a","type":"creator.followed","target":{"type":"creator","id":"bf2e20dd-750d-4d91-8dfd-dbc4eb54fdd6","preview":"Artem Kireev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bf2e20dd-750d-4d91-8dfd-dbc4eb54fdd6/o2v0i524","slug":"artem-kireev","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:04.294Z","latestAt":"2026-08-28T14:59:04.294Z"},{"id":"01a048e1-a87d-708f-ba3d-7465e017c9a7","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:03.417Z","latestAt":"2026-08-28T14:59:03.417Z"},{"id":"01a048e1-a68b-702e-adb5-00c7a1e40421","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":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:02.918Z","latestAt":"2026-08-28T14:59:02.918Z"},{"id":"01a048e1-a2dd-70f9-a506-441f1010b4a7","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"maybefarhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:59:01.978Z","latestAt":"2026-08-28T14:59:01.978Z"},{"id":"01a02459-703f-71d3-a53b-7d4c92889735","type":"component.liked","target":{"type":"component","id":"24KyqEDfxg4nxqaSUBKV","preview":"3D Flipping Book","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/24KyqEDfxg4nxqaSUBKV/interactivebook-66RmvPIlrPpeOAZCWRZmcs5qpFKJ3T","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-21T12:43:56.341Z","latestAt":"2026-08-21T12:43:56.341Z"},{"id":"01a02278-9459-74bb-9b07-3a7713d7de8b","type":"template.liked","target":{"type":"template","id":"68486","preview":"Precept™","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/525dadcc-2e98-4129-bafc-9779d7da898b/01a02626-2a66-73df-947d-2d5789fbe3ef.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-21T03:58:42.770Z","latestAt":"2026-08-21T03:58:42.770Z"},{"id":"01a02274-f499-707e-aa9f-bdf94344da97","type":"template.liked","target":{"type":"template","id":"70750","preview":"Strand","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/938b42d5-4518-4924-be18-128f9df69bc3/01a02955-b301-71d9-ab9b-d103dcca25d6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","slug":"itserastus","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-21T03:54:45.266Z","latestAt":"2026-08-21T03:54:45.266Z"}],"pagination":{"next":"MjAyNi0wOC0yMVQwMzo1NDo0NS4yNjZafDAxYTAyMjc0LWY0OTktNzA3ZS1hYTlmLWJkZjk0MzQ0ZGE5Nw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c271754a-089b-4f23-97bd-ea40431c389b:/unified/posts/?creator=c271754a-089b-4f23-97bd-ea40431c389b&with=reposts":[{"data":[{"id":"019fd99c-e3a1-73fb-83f9-f1c70208d2dd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[],"resources":[{"id":"axKIN1mgFXpMaRAZJ8rt","resolved":true,"title":"Concept Stepper","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tell a process or form-finding story as users scroll. Concept Stepper pins a diagram on desktop and advances numbered steps as the page moves - then switches to swipe navigation on mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for architecture case studies, product process sections, research narratives, and any sequence that needs a diagram + caption locked in view while copy progresses."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky scroll mode (desktop): diagram stays pinned while steps change"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mobile mode: vertical layout + left/right swipe on the diagram"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable steps: number, title, description, image (up to 8)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Section label + body copy with full typography controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transition presets: crossfade, slide, zoom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click or hover activation when sticky scroll is off"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll distance per step, sticky offset, mobile breakpoint"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas preview step + reduced-motion safe behavior"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the code component into your Framer project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop it into a tall section so sticky scroll has room"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your step images and rewrite the process copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune scroll-per-step and colors to match your page"}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"A focused storytelling component - not another generic accordion."}]}]},"introduction":"Scroll-driven sticky diagram steps","slug":"concept-stepper","author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/019fd99c-bf9d-7099-91ac-ec683f624be6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-07T00:26:05.126Z","updatedAt":"2026-08-07T04:22:25.803Z","publishedAt":"2026-08-07T00:26:05.123Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://silver-happen-803706.framer.app/stepper","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_5DKbCK1jGLFGv5bdlURF5qffV6eoEcVyzEVYG06IoFK","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"QFYcM171F8noXHTICsw3","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-07T00:26:05.601Z","updatedAt":"2026-08-07T00:26:05.601Z"},{"id":"019fd98b-3b7c-732f-8a3c-7ba26bedd506","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Zscw5NBljiuRl4qguZdg","resolved":true,"title":"YouTube Video Player","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An editorial video player for Framer portfolios and studios. Show a large stage with play overlay, then let visitors pick from a clean playlist rail - each item embeds YouTube on click (including Shorts)."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for motion reels, project walkthroughs, and film indexes that should feel like part of the site - not a default YouTube embed block."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Large stage with thumbnail, play affordance, and click-to-embed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playlist rail with active/hover states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 12 videos: label, type, YouTube video ID, Shorts flag"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto / desktop / mobile layout modes + breakpoint control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography controls for meta, title, and playlist rows"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color controls for text and borders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open on YouTube external link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas-safe / reduced-motion aware behavior"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Paste the code component into your Framer project"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Add YouTube video IDs (not full URLs) in the Videos array"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Mark Shorts with the YouTube Short toggle when needed"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Style fonts and colors to match your site"}]},{"type":"paragraph","content":[{"type":"text","text":"Default demo videos are public Creative Commons placeholders - replace them with your own IDs before publishing a client site."}]}]},"introduction":"Editorial video stage + rail list","slug":"youtube-video-player","author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/019fd98b-e30b-75e4-8d82-e9f48a765e52.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-07T00:06:47.981Z","updatedAt":"2026-08-07T04:20:36.597Z","publishedAt":"2026-08-07T00:06:47.978Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://silver-happen-803706.framer.app/player","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_SIQP5Qxk8wjxnCXvXfLtoi0KJcgx9Ga9y6dnA2a6cZ8","workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"PZcOJpnWurqrvgmWTLIR","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-08-07T00:06:48.445Z","updatedAt":"2026-08-07T00:06:48.445Z"},{"id":"019fd75e-8fda-707b-83ba-373809b1592f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7FtfHokrwMeqjCllXN1Y","resolved":true,"title":"Portfolio Roladex","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A production-ready portfolio work index for Framer. Switch between LIST and GRID, expand any row for description and preview image, and link each project to its case-study page - all from the properties panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for architects, studios, agencies, and editorial portfolios that need a calm, high-end index instead of a generic card grid."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"LIST view with expandable rows and smooth open/close motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GRID view for a denser project overview"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-project fields: order, title, subtitle, term, location, description, award, link, preview image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color + typography controls (title, meta, description)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion and canvas-safe behavior"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 12 projects via Array controls"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to use"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Paste the code component into your Framer project"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Replace the demo projects with your own content"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Upload preview images and set project links"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Match colors/fonts to your site tokens"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for /work indexes, studio archives, and case-study hubs."}]}]},"introduction":"LIST / GRID portfolio index","slug":"portfolio-roladex","author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/019fd75e-4c64-774b-a5d3-bbdcccd50566.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-06T13:58:45.885Z","updatedAt":"2026-08-07T04:24:04.829Z","publishedAt":"2026-08-06T13:58:45.882Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://silver-happen-803706.framer.app/rolodex","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_XejAgz8FQ9gCDGaBl3Qz4VI9yhWKXoI6Q5tzH0uZPYa","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"pVNPq03LPvmoh2e7aWDj","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T13:58:46.490Z","updatedAt":"2026-08-06T13:58:46.490Z"},{"id":"019fd701-2a70-738c-bc05-706d56b38552","title":null,"body":"

First share: an architecture portfolio for Quincy Smith.

Calm, case-study-led, custom work index + process stepper + video player, made with Framer.

https://qdoesarch.com

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"First share: an architecture portfolio for Quincy Smith."}]},{"type":"paragraph","content":[{"type":"text","text":"Calm, case-study-led, custom work index + process stepper + video player, made with Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"https://qdoesarch.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://qdoesarch.com","target":"_blank"}}]}]}]},"author":{"framerUserId":"c271754a-089b-4f23-97bd-ea40431c389b","name":"itserastus","slug":"itserastus","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/arpru0px","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c271754a-089b-4f23-97bd-ea40431c389b/019fd700-020b-76ea-b2d8-2e487ca58f1b.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1200,"height":630}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T12:16:45.684Z","updatedAt":"2026-08-06T12:16:45.684Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]