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

Vapor Generator 🌫️

Real GPU-rendered clouds, fog, mist, steam, smoke, haze and nebula from a single shader — each with its own tuned preset, live self-shadowing, and performance that auto-adapts down to low-end phones.

Best use cases:

Hero atmosphere, footer transitions, background ambiance behind CTAs, seasonal landing pages, and CMS-driven sites that need a different vapor type per page.

How to Use:

Drag onto a section.
Pick a Type, or bind it to a CMS field.
Adjust Intensity, Speed, Tint, and Seed.
Fine-tune Shape, Motion, Interaction, Lighting, and Framing, or leave on Preset.

Highlights:

Seven presets, one shader — Clouds, Fog, Mist, Steam, Smoke, Haze, Nebula, each independently tuned
CMS-bindable type — the right vapor renders automatically per page
Auto-adapting performance — drops detail live if frames start missing, pauses off-screen
Real volumetric lighting — a second noise sample self-shadows the vapor for actual depth
Scroll, cursor & tilt response — spring-driven drift, attract/repel cursor, gyroscope parallax
Seamless forever — exactly periodic noise domain, no visible loop or drift over time
Fully non-blocking — pointer events off throughout, never intercepts clicks
Graceful fallback — soft gradient in the same palette on devices without WebGL

What Did You Craft?

Did you build something cool with this component? I'd love to see it! Before you share it to your Framer or Twitter(X), feel free to tag me in the post.

@Joshua Roberts (Framer) | @JoshuaRDesign (Twitter)

Need Help?

If you are facing any issues with this component or have any questions feel free to DM or email me about it.

craft@joshuaroberts.design

64:T846,

Logo Ticker 🔁

Ditch the static logo row. This component scrolls your logos and text in a seamless, draggable marquee — with color control down to a single flat tint, even on multicolor originals.

Best use cases:

Client and partner logo walls, trust bars, sponsor strips, tech-stack showcases, and any "as seen in" or "trusted by" section that needs to feel alive instead of static.

How to Use:

Drag and drop the component onto your canvas.
Add your logos (and optional text) to the Logos array.
Choose horizontal or vertical, set your speed, and pick an entrance and hover effect.
Customize appearance — tint, padding, radius, border, shadow — to match your brand.

Highlights:

True monotone tinting — force any multicolor logo to one flat color via masking, not a filter hack that only works on black or white
Reveal-on-hover restores original colors with a smooth cross-fade
Seamless infinite loop in either direction, fully draggable with momentum
Edge-proximity steering — nudge the scroll toward whichever edge the cursor nears
Edge fade via true transparency or a solid color match to your background
Native Framer Motion transitions for both entrance and hover, springs included
Horizontal or vertical layout with full alignment control
Optional text alongside or instead of logos, using native Framer typography controls
One animation loop, GPU-composited — frozen correctly on canvas and during export
Fully accessible — duplicate loop copies hidden from screen readers, motion pauses on hover and keyboard focus

65:T812,

Comparison Ring ⭕

Ditch the static stat block. This component turns any comparison into a living ring — arcs that fill to show scale, or dots that lap the track to show speed. Built for the moment a number needs to feel like proof, not just text.

Best use cases:

Competitive comparisons, wait-time or turnaround stats, pricing and feature scorecards, KPI dashboards, and any "us vs. them" moment where the difference deserves a motion graphic instead of a table.

How to Use:

Drag and drop the component onto your canvas.
Add your comparisons to the array — label, value, prefix/suffix, and color for each.
Choose a mode: Compare (arcs fill to each value) or Race (dots lap the ring at independent speeds).
Customize the ring geometry (Size, Start angle, Gauge span) and motion (Transition, Stagger, Emphasis) to match your layout.

Highlights:

Two modes in one component: arc-fill Compare and lap-based Race
Any values, any units — free-text prefix/suffix, no shared scale required
Native Framer Motion transitions, including springs and custom easing curves
Full gauge support — partial-span rings, not just full circles
Per-item control over direction, animate-from-full, and independent lap speed
Synchronized Race heats — every dot restarts together after the last one finishes
Pulse, glow, and breathe emphasis effects with adjustable intensity and speed
Continuous loops run on pure CSS — zero ongoing JS cost after mount
Independent typography for labels, the center value, and the subtext

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-28d3483b-c01d-4db2-82bc-ba295fd54b0d-all:/unified/creator/28d3483b-c01d-4db2-82bc-ba295fd54b0d/activity/":[{"data":[{"id":"01a0af4c-996f-7256-b70e-8ea309394263","type":"creator.followed","target":{"type":"creator","id":"c2742a12-3412-42ec-ae79-e44857134579","preview":"Mode Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2742a12-3412-42ec-ae79-e44857134579/j3t555cr","slug":"modestudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T12:17:07.947Z","latestAt":"2026-09-17T12:17:07.947Z"},{"id":"01a0af3d-347f-70c8-bbdf-5fc0d1254295","type":"creator.followed","target":{"type":"creator","id":"e7d1c8f1-e3f1-4d46-949b-7866d26de465","preview":"Dhiraj Ingle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e7d1c8f1-e3f1-4d46-949b-7866d26de465/w98sm0ai","slug":"dhirajingle","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T12:00:22.557Z","latestAt":"2026-09-17T12:00:22.557Z"},{"id":"01a0ad71-f2f5-75d4-a022-03943af64464","type":"creator.followed","target":{"type":"creator","id":"d65a2007-31fd-42fd-9270-9628a2ce450b","preview":"Vanessa Bernardo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d65a2007-31fd-42fd-9270-9628a2ce450b/0vownpfs","slug":"vanessa-bernardo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T03:38:41.266Z","latestAt":"2026-09-17T03:38:41.266Z"},{"id":"01a0ad71-f038-762f-91c4-c12ade197988","type":"creator.followed","target":{"type":"creator","id":"c810b452-c1f6-466c-bc6f-a1150dc241a7","preview":"heisenbergg","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c810b452-c1f6-466c-bc6f-a1150dc241a7/kqwxyg50","slug":"heisenergg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T03:38:40.564Z","latestAt":"2026-09-17T03:38:40.564Z"},{"id":"01a0a9e7-be2c-75fd-867f-27ab3027aa4b","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T11:08:52.135Z","latestAt":"2026-09-16T11:08:52.135Z"},{"id":"01a0a9e7-a310-72d8-b8e6-b9d5fe9521f3","type":"creator.followed","target":{"type":"creator","id":"a95fda04-e4bb-488b-91f8-34e3a1f52287","preview":"ValleyDev","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a95fda04-e4bb-488b-91f8-34e3a1f52287/7h6nu0d1","slug":"valleydev-h0whfd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T11:08:45.196Z","latestAt":"2026-09-16T11:08:45.196Z"},{"id":"01a09584-8a05-725d-9aa1-370c2afef045","type":"creator.followed","target":{"type":"creator","id":"64ff1a0a-b412-40e2-a472-37b1f9141c95","preview":"Elliot Li","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/64ff1a0a-b412-40e2-a472-37b1f9141c95/h99ds0vz","slug":"elliot-li","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-12T12:08:06.402Z","latestAt":"2026-09-12T12:08:06.402Z"},{"id":"01a08bdf-6a20-71cf-8815-8752745b6a28","type":"creator.followed","target":{"type":"creator","id":"9fbbc539-192a-4fca-8969-09c2179aeb20","preview":"_ Designer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9fbbc539-192a-4fca-8969-09c2179aeb20/w6fhtmlh","slug":"designer1","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T15:11:09.850Z","latestAt":"2026-09-10T15:11:09.850Z"},{"id":"01a08bde-6891-768d-9d71-ceb38582f854","type":"creator.followed","target":{"type":"creator","id":"ffa09057-21bc-47ab-8deb-9028e0a74be1","preview":"Outumn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ffa09057-21bc-47ab-8deb-9028e0a74be1/t0nog86g","slug":"outumn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-10T15:10:03.917Z","latestAt":"2026-09-10T15:10:03.917Z"},{"id":"01a07abb-d499-7362-8447-91c51d289569","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T07:18:45.123Z","latestAt":"2026-09-07T07:18:45.123Z"},{"id":"01a07abb-c325-762c-84c7-3a8c07300a73","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":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T07:18:40.673Z","latestAt":"2026-09-07T07:18:40.673Z"},{"id":"01a07abb-c00c-737c-b8b2-0239044c8b65","type":"creator.followed","target":{"type":"creator","id":"9e72262c-0333-43a3-ad9b-e0cb8dbdaa5a","preview":"Md Muminul Hasan Khan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/657652/avatar-uDWEl278Dzh1743YmdIGUGVlBXt7et.jpg","slug":"md-muminul-hasan-khan","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T07:18:39.872Z","latestAt":"2026-09-07T07:18:39.872Z"},{"id":"01a06867-d213-723d-80de-293aa8986d46","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":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T17:53:49.582Z","latestAt":"2026-09-03T17:53:49.582Z"},{"id":"01a06867-ce6a-742b-a138-c6d63c302d63","type":"creator.followed","target":{"type":"creator","id":"ccc94258-c202-49d5-84f7-bc11bd445170","preview":"Aurélien Grimaud","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ccc94258-c202-49d5-84f7-bc11bd445170/o75rvugu","slug":"angd","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T17:53:48.647Z","latestAt":"2026-09-03T17:53:48.647Z"},{"id":"01a05d20-ea90-724f-8b82-a843d3e4a37c","type":"creator.followed","target":{"type":"creator","id":"0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5","preview":"Vestiaire Collective","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0ac7e3f3-07ae-4002-b2e2-3b74e0c883d5/ld74zxwm","slug":"vestiaire-collective","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-01T13:20:33.421Z","latestAt":"2026-09-01T13:20:33.421Z"},{"id":"01a056a5-dc8e-753a-a3bb-a68061cf518a","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":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-31T07:08:25.610Z","latestAt":"2026-08-31T07:08:25.610Z"},{"id":"01a047b0-3497-72aa-b987-4a0c83fada82","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":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T09:25:25.266Z","latestAt":"2026-08-28T09:25:25.266Z"},{"id":"01a03ca0-1ac7-73ee-a2e5-390ed3daa703","type":"creator.followed","target":{"type":"creator","id":"e64ff488-d93d-4dee-ad9a-870ac735d948","preview":"Avero Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e64ff488-d93d-4dee-ad9a-870ac735d948/uluelwcq","slug":"avero","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T05:52:00.707Z","latestAt":"2026-08-26T05:52:00.707Z"},{"id":"01a03c9f-cc1a-7662-8582-3b152cfa62d6","type":"creator.followed","target":{"type":"creator","id":"f8488509-5cbc-46f3-ba32-bd06eea51268","preview":"BanderaWeb","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f8488509-5cbc-46f3-ba32-bd06eea51268/uij2uulj","slug":"banderaweb","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T05:51:40.564Z","latestAt":"2026-08-26T05:51:40.564Z"},{"id":"01a03905-6bd4-70ef-92cd-f0f2a7a0ab9d","type":"comment.liked","target":{"type":"comment","id":"01a03901-d9f3-721a-ab52-14f7a49d526f","preview":"30 services deep and still compact, respect","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"30 services deep and still compact, respect"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a038eb-5992-73b6-b0ef-22bccca57a8b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a03901-d9f3-721a-ab52-14f7a49d526f"},"repost":null}},"context":{"type":"post","id":"01a038eb-5992-73b6-b0ef-22bccca57a8b","preview":"It might not look like it, but so far this is the most dynamic and complex mobile navigation I've made so far. \nIt is using CMS logic to automatically populate all the dropdown and overlay content as new pages are added. There are parent pages and also sub-pages that are both independently accounted for. Over 30 service pages are all linked up in this compact dropdown which I consider a big win when it comes to overall UX.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It might not look like it, but so far this is the most dynamic and complex mobile navigation I've made so far. "}]},{"type":"paragraph","content":[{"type":"text","text":"It is using CMS logic to automatically populate all the dropdown and overlay content as new pages are added. There are parent pages and also sub-pages that are both independently accounted for. Over 30 service pages are all linked up in this compact dropdown which I consider a big win when it comes to overall UX. "}]}]},"thumbnail":"https://image.mux.com/GK4DbTWgQyWY019RRdfRH3KrMKyFivuy9WgQ2EGbZm3Y/thumbnail.webp?time=18.233","targetDeleted":false,"owned":true,"actions":{"postId":"01a038eb-5992-73b6-b0ef-22bccca57a8b","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","slug":"joshua-roberts","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-25T13:04:11.728Z","latestAt":"2026-08-25T13:04:11.728Z"}],"pagination":{"next":"MjAyNi0wOC0yNVQxMzowNDoxMS43MjhafDAxYTAzOTA1LTZiZDQtNzBlZi05MmNkLWYwZjJhN2EwYWI5ZA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:28d3483b-c01d-4db2-82bc-ba295fd54b0d:/unified/posts/?creator=28d3483b-c01d-4db2-82bc-ba295fd54b0d&with=reposts":[{"data":[{"id":"01a038eb-5992-73b6-b0ef-22bccca57a8b","title":null,"body":"

It might not look like it, but so far this is the most dynamic and complex mobile navigation I've made so far.

It is using CMS logic to automatically populate all the dropdown and overlay content as new pages are added. There are parent pages and also sub-pages that are both independently accounted for. Over 30 service pages are all linked up in this compact dropdown which I consider a big win when it comes to overall UX.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It might not look like it, but so far this is the most dynamic and complex mobile navigation I've made so far. "}]},{"type":"paragraph","content":[{"type":"text","text":"It is using CMS logic to automatically populate all the dropdown and overlay content as new pages are added. There are parent pages and also sub-pages that are both independently accounted for. Over 30 service pages are all linked up in this compact dropdown which I consider a big win when it comes to overall UX. "}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GK4DbTWgQyWY019RRdfRH3KrMKyFivuy9WgQ2EGbZm3Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/GK4DbTWgQyWY019RRdfRH3KrMKyFivuy9WgQ2EGbZm3Y/thumbnail.webp?time=18.233","aspectRatio":"4:3","duration":19.983333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-25T12:35:54.945Z","createdAt":"2026-08-25T12:35:43.127Z","updatedAt":"2026-08-25T12:35:54.945Z"},{"id":"01a01943-9205-7729-b78c-480cbe04cb6b","title":null,"body":"

I built out this vapor component while experimenting for a client site. Try it out for free in a hero section, CTA section, or just use it as an ambient persistent background effect on your own site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built out this vapor component while experimenting for a client site. Try it out for free in a hero section, CTA section, or just use it as an ambient persistent background effect on your own site."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"0wCIXGjcVTZNVQ6TuQzt","resolved":true,"title":"Vapor Generator","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Vapor Generator 🌫️","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Real GPU-rendered clouds, fog, mist, steam, smoke, haze and nebula from a single shader — each with its own tuned preset, live self-shadowing, and performance that auto-adapts down to low-end phones."}]},{"type":"customHeading","content":[{"type":"text","text":"Best use cases:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Hero atmosphere, footer transitions, background ambiance behind CTAs, seasonal landing pages, and CMS-driven sites that need a different vapor type per page."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag onto a section."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a Type, or bind it to a CMS field."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust Intensity, Speed, Tint, and Seed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-tune Shape, Motion, Interaction, Lighting, and Framing, or leave on Preset."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seven presets, one shader","marks":[{"type":"bold"}]},{"type":"text","text":" — Clouds, Fog, Mist, Steam, Smoke, Haze, Nebula, each independently tuned"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-bindable type","marks":[{"type":"bold"}]},{"type":"text","text":" — the right vapor renders automatically per page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-adapting performance","marks":[{"type":"bold"}]},{"type":"text","text":" — drops detail live if frames start missing, pauses off-screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real volumetric lighting","marks":[{"type":"bold"}]},{"type":"text","text":" — a second noise sample self-shadows the vapor for actual depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll, cursor & tilt response","marks":[{"type":"bold"}]},{"type":"text","text":" — spring-driven drift, attract/repel cursor, gyroscope parallax"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless forever","marks":[{"type":"bold"}]},{"type":"text","text":" — exactly periodic noise domain, no visible loop or drift over time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully non-blocking","marks":[{"type":"bold"}]},{"type":"text","text":" — pointer events off throughout, never intercepts clicks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Graceful fallback","marks":[{"type":"bold"}]},{"type":"text","text":" — soft gradient in the same palette on devices without WebGL"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What Did You Craft?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Did you build something cool with this component? I'd love to see it! Before you share it to your Framer or Twitter(X), feel free to tag me in the post."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","slug":"joshua-roberts","label":"Joshua Roberts","mentionSuggestionChar":"@"}},{"type":"text","text":" (Framer) | "},{"type":"text","text":"@JoshuaRDesign","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/JoshuaRDesign","target":"_blank"}}]},{"type":"text","text":" (Twitter)"}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you are facing any issues with this component or have any questions feel free to DM or email me about it."}]},{"type":"paragraph","content":[{"type":"text","text":"craft@joshuaroberts.design","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:craft@joshuaroberts.design","target":"_blank"}}]}]}]},"introduction":"CMS-ready fog, mist & cloud FX","slug":"vapor-generator","author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/01a01940-34a4-737b-bc05-4c5af9805c21.png","metadata":{"tint":{"h":220,"s":87,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-19T09:04:12.986Z","updatedAt":"2026-08-31T08:27:04.406Z","publishedAt":"2026-08-19T09:04:12.982Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/VaporGenerator-lX1idu.js@yWQrPVuWn8NzUW4y5XhX","previewUrl":"https://vaporgenerator.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"yWQrPVuWn8NzUW4y5XhX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T09:04:13.829Z","updatedAt":"2026-08-19T09:04:13.829Z"},{"id":"01a00f96-1f31-7430-ae4e-c6ec253a8644","title":null,"body":"

Yet another mobile parallax scroll exploration.

I'm slowly becoming a parallax animation expert with all of these iterations I've been crafting.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yet another mobile parallax scroll exploration. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'm slowly becoming a parallax animation expert with all of these iterations I've been crafting."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Va7PuJH9cs6MlCJ0299Cdzo6kFwWofJpumhdSrdd2BLE.m3u8","metadata":{"posterUrl":"https://image.mux.com/Va7PuJH9cs6MlCJ0299Cdzo6kFwWofJpumhdSrdd2BLE/thumbnail.webp?time=11.9","aspectRatio":"4:3","duration":17.383333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"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-17T11:58:11.773Z","updatedAt":"2026-08-17T11:58:11.773Z"},{"id":"01a00055-bf81-718f-bbe2-bcded3bd4192","title":null,"body":"

Even more mobile-first parallax animation explorations.

I like it when clients allow me to unleash my creativity like this during the iteration process.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Even more mobile-first parallax animation explorations."}]},{"type":"paragraph","content":[{"type":"text","text":"I like it when clients allow me to unleash my creativity like this during the iteration process. "}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/2LuYdyUHnLIuSTE4cHbPrzrYXwEOIuh2bqTT7cjmV3Q.m3u8","metadata":{"posterUrl":"https://image.mux.com/2LuYdyUHnLIuSTE4cHbPrzrYXwEOIuh2bqTT7cjmV3Q/thumbnail.webp?time=21.283","aspectRatio":"4:3","duration":25.183333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-14T12:53:34.725Z","updatedAt":"2026-08-14T12:53:34.725Z"},{"id":"019fb9ba-289e-769a-aedd-5ce9ec7e1765","title":null,"body":"

More mobile-first parallax scroll animation explorations.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"More mobile-first parallax scroll animation explorations. "}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/lktyy3FhnQNSsrWV8DgF8R7nE8wjgw91NI6PTIU5YZE.m3u8","metadata":{"posterUrl":"https://image.mux.com/lktyy3FhnQNSsrWV8DgF8R7nE8wjgw91NI6PTIU5YZE/thumbnail.webp?time=5.6","aspectRatio":"4:3","duration":17.783333}}],"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":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-31T19:50:12.898Z","updatedAt":"2026-07-31T19:50:12.898Z"},{"id":"019fb455-7802-74f8-b5e9-1900ad2f5963","title":null,"body":"

I'll be running lots of accessibility audits for one of my clients for the next few days.

Is it fun? No. Is it necessary? Absolutely.

I didn't know some sites could actually be at risk of lawsuits if they are not up to minimum accessibility standards until recently.

Not only are accessible sites good for legal protection, they also inherently improve UX, SEO, and AEO performance due to the proper structuring of the HTML that is required.

Accessibility audits are also one of the best use cases for AI agents that I found so far. They're perfect to handle tedious work like this.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I'll be running lots of accessibility audits for one of my clients for the next few days."}]},{"type":"paragraph","content":[{"type":"text","text":"Is it fun? No. Is it necessary? Absolutely. "}]},{"type":"paragraph","content":[{"type":"text","text":"I didn't know some sites could actually be at risk of lawsuits if they are not up to minimum accessibility standards until recently."}]},{"type":"paragraph","content":[{"type":"text","text":"Not only are accessible sites good for legal protection, they also inherently improve UX, SEO, and AEO performance due to the proper structuring of the HTML that is required. "}]},{"type":"paragraph","content":[{"type":"text","text":"Accessibility audits are also one of the best use cases for AI agents that I found so far. They're perfect to handle tedious work like this."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/019fb44c-d3b5-71a4-940b-a687dc8322a4.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1135,"height":876}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T18:42:08.005Z","updatedAt":"2026-07-30T18:42:08.005Z"},{"id":"019fa8d8-61de-731a-a84b-578ccc13e53f","title":null,"body":"

Does anyone know if there any way to feature new sites on my profile?

I recently finished a client project and want to show it on my profile, but I can't find any option to add new sites anywhere. I can only edit or delete the ones that I currently have.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Does anyone know if there any way to feature new sites on my profile? "}]},{"type":"paragraph","content":[{"type":"text","text":"I recently finished a client project and want to show it on my profile, but I can't find any option to add new sites anywhere. I can only edit or delete the ones that I currently have."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-28T13:09:40.963Z","updatedAt":"2026-07-28T13:09:40.963Z"},{"id":"019fa809-a845-72ce-be46-373e3846011d","title":null,"body":"

The scan overlays was created with Specimen - Living Scan overlays (Live preview). A powerful Framer component with multiple variations to create unique, eye-catching scan overlays in seconds. If you want to level up your website designs, give it a try :)

🔥Buy Now

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The scan overlays was created with "},{"type":"text","text":"Specimen","marks":[{"type":"bold"}]},{"type":"text","text":" - Living Scan overlays ("},{"type":"text","text":"Live preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://specimen.framer.website/","target":"_blank"}}]},{"type":"text","text":"). A powerful Framer component with multiple variations to create unique, eye-catching scan overlays in seconds. If you want to level up your website designs, give it a try :)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":"Buy Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/hDg7mWVY-specimen-living-scan-overlays","target":"_blank"}}]}]}]},"author":{"framerUserId":"b10633cd-e712-48eb-871a-ea0592a67fbc","name":"Prem Shandilya","slug":"prem-shandilya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b10633cd-e712-48eb-871a-ea0592a67fbc/dwlqme1i","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/tX9Y00fxECahSCKJUiuc00RD5IHm400TjCID301MWSfmrNE.m3u8","metadata":{"posterUrl":"https://image.mux.com/tX9Y00fxECahSCKJUiuc00RD5IHm400TjCID301MWSfmrNE/thumbnail.webp?time=2.067","aspectRatio":"4:3","duration":10.533333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":37,"liked":false},"comments":{"count":16},"reposts":{"count":10,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-07-28T09:42:33.941Z","createdAt":"2026-07-28T09:23:53.033Z","updatedAt":"2026-07-28T09:42:33.941Z","repostedBy":{"creator":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu"},"repostId":"019fa86b-d153-7589-b611-3b9416298896","repostedAt":"2026-07-28T11:11:06.069Z"}},{"id":"019fa36d-a4cf-70ad-9e27-d5a35ba0e543","title":null,"body":"

Some preliminary mobile-first parallax animation explorations for a new client.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Some preliminary mobile-first parallax animation explorations for a new client. "}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/UFJ8Cn2fz6DEW3FjyhxoCEnZ7rAkJlqvfl3oxLcrM5c.m3u8","metadata":{"posterUrl":"https://image.mux.com/UFJ8Cn2fz6DEW3FjyhxoCEnZ7rAkJlqvfl3oxLcrM5c/thumbnail.webp?time=4.417","aspectRatio":"4:3","duration":29.35}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T11:54:59.667Z","updatedAt":"2026-07-27T11:54:59.667Z"},{"id":"019f8f85-d572-712f-9dd3-20702d08f426","title":null,"body":"

Smooth and clean multi-step FAQ section I built out yesterday for my client.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth and clean multi-step FAQ section I built out yesterday for my client."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/vtvrkvlLqbUL02XE4r43AFF7gDoxVHjmrSenuTXMzSz8.m3u8","metadata":{"posterUrl":"https://image.mux.com/vtvrkvlLqbUL02XE4r43AFF7gDoxVHjmrSenuTXMzSz8/thumbnail.webp?time=9.1","aspectRatio":"4:3","duration":11.25}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-23T15:09:55.065Z","createdAt":"2026-07-23T15:09:00.671Z","updatedAt":"2026-07-23T15:09:55.065Z"},{"id":"019f7f5f-9c5b-73a7-8da7-fdccfc6ebfeb","title":null,"body":"

For the past few days every time I sit down and open Framer I just end up making another nice component. This one was built by hand the old-fashioned ctrl+alt+k way.

It works surprisingly smoothly on mobile as well. Even when placed inside a ticker stack. I might stress test it a bit more and send it to the marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For the past few days every time I sit down and open Framer I just end up making another nice component. This one was built by hand the old-fashioned ctrl+alt+k way."}]},{"type":"paragraph","content":[{"type":"text","text":"It works surprisingly smoothly on mobile as well. Even when placed inside a ticker stack. I might stress test it a bit more and send it to the marketplace."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/WMwmP5GAdCax2UFW51UWVm1pEij2AK1o00BvRurhzegI.m3u8","metadata":{"posterUrl":"https://image.mux.com/WMwmP5GAdCax2UFW51UWVm1pEij2AK1o00BvRurhzegI/thumbnail.webp?time=1.633","aspectRatio":"4:3","duration":17}}],"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":2,"edited":true,"editedAt":"2026-07-20T12:11:11.027Z","createdAt":"2026-07-20T11:53:20.223Z","updatedAt":"2026-07-20T12:11:11.027Z"},{"id":"019f7072-a626-7715-9d21-e870bf7a0970","title":null,"body":"

Another component I put together for a client yesterday.

The Framer native ticker effect was lacking customization options and was actually bugging out and breaking in many instances so I built this one to make up for it.

Copy and paste it right into any project of yours that needs a logo ticker, upload the logos, and tweak the properties to match the styling of your site. Easy Peasy 🗜🍋💦

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Another component I put together for a client yesterday. "}]},{"type":"paragraph","content":[{"type":"text","text":"The Framer native ticker effect was lacking customization options and was actually bugging out and breaking in many instances so I built this one to make up for it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Copy and paste it right into any project of yours that needs a logo ticker, upload the logos, and tweak the properties to match the styling of your site. Easy Peasy "},{"type":"emoji","attrs":{"name":"clamp","emoji":"🗜"}},{"type":"emoji","attrs":{"name":"lemon","emoji":"🍋"}},{"type":"emoji","attrs":{"name":"sweat_drops","emoji":"💦"}}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MpjeZPAsTXMBmPQIRlgb","resolved":true,"title":"Logo Ticker Marquee","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Logo Ticker ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"repeat","emoji":"🔁"}}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Ditch the static logo row. This component scrolls your logos and text in a seamless, draggable marquee — with color control down to a single flat tint, even on multicolor originals."}]},{"type":"customHeading","content":[{"type":"text","text":"Best use cases:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Client and partner logo walls, trust bars, sponsor strips, tech-stack showcases, and any \"as seen in\" or \"trusted by\" section that needs to feel alive instead of static."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and drop the component onto your canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your logos (and optional text) to the Logos array."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose horizontal or vertical, set your speed, and pick an entrance and hover effect."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize appearance — tint, padding, radius, border, shadow — to match your brand."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True monotone tinting","marks":[{"type":"bold"}]},{"type":"text","text":" — force any multicolor logo to one flat color via masking, not a filter hack that only works on black or white"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal-on-hover restores original colors","marks":[{"type":"bold"}]},{"type":"text","text":" with a smooth cross-fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Seamless infinite loop","marks":[{"type":"bold"}]},{"type":"text","text":" in either direction, fully draggable with momentum"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge-proximity steering","marks":[{"type":"bold"}]},{"type":"text","text":" — nudge the scroll toward whichever edge the cursor nears"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge fade","marks":[{"type":"bold"}]},{"type":"text","text":" via true transparency or a solid color match to your background"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer Motion","marks":[{"type":"bold"}]},{"type":"text","text":" transitions for both entrance and hover, springs included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal or vertical layout","marks":[{"type":"bold"}]},{"type":"text","text":" with full alignment control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional text","marks":[{"type":"bold"}]},{"type":"text","text":" alongside or instead of logos, using native Framer typography controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One animation loop, GPU-composited","marks":[{"type":"bold"}]},{"type":"text","text":" — frozen correctly on canvas and during export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully accessible","marks":[{"type":"bold"}]},{"type":"text","text":" — duplicate loop copies hidden from screen readers, motion pauses on hover and keyboard focus"}]}]}]}]},"introduction":"Animated Logo Marquee","slug":"logo-ticker-marquee","author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/019f706b-3c05-72a8-b40b-cc5801c9248a.png","metadata":{"tint":{"h":30,"s":18,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-17T14:19:49.214Z","updatedAt":"2026-07-17T18:28:14.299Z","publishedAt":"2026-07-17T14:19:49.205Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Logo-Ticker-8fM0Zg.js@UotAhCAcTDWWzc6d0UYH","previewUrl":"https://logo-ticker.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"UotAhCAcTDWWzc6d0UYH","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-17T14:19:49.671Z","updatedAt":"2026-07-17T14:19:49.671Z"},{"id":"019f6705-2221-7767-9977-a5cc4fb3241c","title":null,"body":"

A comparison of a new version of the phone mockup "How it Works" section with the one I made a week or two ago. The client likes it.

Only a few tweaks needed and then it will be ready to ship! 🚢

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A comparison of a new version of the phone mockup \"How it Works\" section with the one I made a week or two ago. The client likes it. "}]},{"type":"paragraph","content":[{"type":"text","text":"Only a few tweaks needed and then it will be ready to ship! "},{"type":"emoji","attrs":{"name":"ship","emoji":"🚢"}}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/qeNP6iZnKbcgLjHVtvW2oX6t3JPAGhIMReUBwXJzxF8.m3u8","metadata":{"posterUrl":"https://image.mux.com/qeNP6iZnKbcgLjHVtvW2oX6t3JPAGhIMReUBwXJzxF8/thumbnail.webp?time=4.05","aspectRatio":"4:3","duration":12.476}},{"type":"video","url":"https://stream.mux.com/hBziOdnF00RlGkIMyvPVCOXA7PmyRCR01XaA003uxUiMAI.m3u8","metadata":{"posterUrl":"https://image.mux.com/hBziOdnF00RlGkIMyvPVCOXA7PmyRCR01XaA003uxUiMAI/thumbnail.webp?time=9.285","aspectRatio":"4:3","duration":10.642667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T18:23:37.512Z","updatedAt":"2026-07-15T18:23:37.512Z"},{"id":"019f6608-ec95-77dc-8fd2-1847d177b53c","title":null,"body":"

Made this component while building out a new version of a client's site yesterday. Grab it for free and use it on yours!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made this component while building out a new version of a client's site yesterday. Grab it for free and use it on yours!"}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"lF70HrzZSt6qU8D14kI6","resolved":true,"title":"Compare Ring","body":"$65","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Comparison Ring ⭕","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Ditch the static stat block. This component turns any comparison into a living ring — arcs that fill to show scale, or dots that lap the track to show speed. Built for the moment a number needs to feel like proof, not just text."}]},{"type":"customHeading","content":[{"type":"text","text":"Best use cases:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Competitive comparisons, wait-time or turnaround stats, pricing and feature scorecards, KPI dashboards, and any \"us vs. them\" moment where the difference deserves a motion graphic instead of a table."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag and drop the component onto your canvas.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your comparisons to the array","marks":[{"type":"bold"}]},{"type":"text","text":" — label, value, prefix/suffix, and color for each."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose a mode:","marks":[{"type":"bold"}]},{"type":"text","text":" Compare (arcs fill to each value) or Race (dots lap the ring at independent speeds)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the ring geometry","marks":[{"type":"bold"}]},{"type":"text","text":" (Size, Start angle, Gauge span) and motion (Transition, Stagger, Emphasis) to match your layout."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two modes in one component:","marks":[{"type":"bold"}]},{"type":"text","text":" arc-fill Compare and lap-based Race"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any values, any units","marks":[{"type":"bold"}]},{"type":"text","text":" — free-text prefix/suffix, no shared scale required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer Motion transitions","marks":[{"type":"bold"}]},{"type":"text","text":", including springs and custom easing curves"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full gauge support","marks":[{"type":"bold"}]},{"type":"text","text":" — partial-span rings, not just full circles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-item control over direction","marks":[{"type":"bold"}]},{"type":"text","text":", animate-from-full, and independent lap speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Synchronized Race heats","marks":[{"type":"bold"}]},{"type":"text","text":" — every dot restarts together after the last one finishes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pulse, glow, and breathe emphasis effects","marks":[{"type":"bold"}]},{"type":"text","text":" with adjustable intensity and speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Continuous loops run on pure CSS","marks":[{"type":"bold"}]},{"type":"text","text":" — zero ongoing JS cost after mount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Independent typography","marks":[{"type":"bold"}]},{"type":"text","text":" for labels, the center value, and the subtext"}]}]}]}]},"introduction":"Arcs that fill. Dots that race.","slug":"compare-ring","author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/019f6606-669e-764d-b261-6c92d2b528e8.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-15T13:48:08.400Z","updatedAt":"2026-07-18T08:35:21.459Z","publishedAt":"2026-07-15T13:48:08.396Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Compare-Ring-AFh6ZB.js@ss6DsJqcHaOCR0ZDralC","previewUrl":"https://compare-ring.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ss6DsJqcHaOCR0ZDralC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-15T13:48:08.725Z","updatedAt":"2026-07-15T13:48:08.725Z"},{"id":"019f50e7-1627-72d1-9ad6-2b63f0c71e3d","title":null,"body":"

Last night I was accepted into the Contra Labs network as an Expert Web Designer. 👍🏾

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Last night I was accepted into the Contra Labs network as an Expert Web Designer. 👍🏾"}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/019f50e4-c312-74bf-b8ad-508391de0628.png","metadata":{"tint":{"h":60,"s":10,"l":16},"width":2048,"height":1536}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-11T11:19:09.612Z","updatedAt":"2026-07-11T11:19:09.612Z"},{"id":"019f42d1-8cbe-72af-9609-07d0c6fa9075","title":null,"body":"

Two booking CTA components I made yesterday. Which one is better?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Two booking CTA components I made yesterday. Which one is better?"}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/uhDtLgBOA8xz02YjN3Vr7jfTVzgj7VF58UkvM8h74wd00.m3u8","metadata":{"posterUrl":"https://image.mux.com/uhDtLgBOA8xz02YjN3Vr7jfTVzgj7VF58UkvM8h74wd00/thumbnail.webp?time=2.2","aspectRatio":"4:3","duration":11.676}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-08T17:40:57.154Z","updatedAt":"2026-07-08T17:40:57.154Z"},{"id":"019f3652-a245-70b8-a3af-a4d6c71d62ec","title":null,"body":"

Seeing that traditional renaissance art has become a trend in web design somehow, it's making me want to get back into painting again.

Here are a few paintings that I made 5+ years ago. Maybe I can weave my traditional art into my website design somehow.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Seeing that traditional renaissance art has become a trend in web design somehow, it's making me want to get back into painting again. "}]},{"type":"paragraph","content":[{"type":"text","text":"Here are a few paintings that I made 5+ years ago. Maybe I can weave my traditional art into my website design somehow."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/556p7ngj","metadata":{"tint":{"h":324,"s":50,"l":16},"width":1900,"height":1300}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/iue5thwd","metadata":{"tint":{"h":220,"s":47,"l":30},"width":909,"height":1126}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/froimqe2","metadata":{"tint":{"h":0,"s":0,"l":36},"width":3200,"height":2419}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/fohj4vcm","metadata":{"tint":{"h":220,"s":25,"l":31},"width":2349,"height":1802}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/90mti891","metadata":{"tint":{"h":0,"s":0,"l":14},"width":2275,"height":1799}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T07:26:53.003Z","updatedAt":"2026-07-06T07:26:53.003Z"},{"id":"019f2ea8-a954-718c-84c4-c206f618b860","title":null,"body":"

Here's a sneak peak at a template in progress.

A bit unorthodox, but I like how it's coming out so far.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a sneak peak at a template in progress. "}]},{"type":"paragraph","content":[{"type":"text","text":"A bit unorthodox, but I like how it's coming out so far."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/okcJZXln1T00VBl1Ia501oUXeFkdOY3lAW01JGGiY7pV3s.m3u8","metadata":{"posterUrl":"https://image.mux.com/okcJZXln1T00VBl1Ia501oUXeFkdOY3lAW01JGGiY7pV3s/thumbnail.webp?time=48","aspectRatio":"296:221","duration":66.3}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-04T19:43:53.175Z","updatedAt":"2026-07-04T19:43:53.175Z"},{"id":"019f2994-a96e-73de-8857-2879a42fb903","title":null,"body":"

Fable 5 in Framer?

Sounds cool, but seeing as I burned through all my 1000 free monthly credits for June when Framer 3.0 first dropped in just ~12-15 prompts with Opus 4.8, I don't see any real use case for it.

Seeing as Fable costs 67% more credits to use then Opus, if I gave it the same prompts that I gave Opus last month, I'd probably only be able to squeeze 5 of them out before getting a warning.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fable 5 in Framer? "}]},{"type":"paragraph","content":[{"type":"text","text":"Sounds cool, but seeing as I burned through all my 1000 free monthly credits for June when Framer 3.0 first dropped in just ~12-15 prompts with Opus 4.8, I don't see any real use case for it."}]},{"type":"paragraph","content":[{"type":"text","text":"Seeing as Fable costs 67% more credits to use then Opus, if I gave it the same prompts that I gave Opus last month, I'd probably only be able to squeeze 5 of them out before getting a warning."}]},{"type":"paragraph"}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T20:03:56.402Z","updatedAt":"2026-07-03T20:03:56.402Z"},{"id":"019f2986-5d52-7672-9e04-e9099c2e7ac7","title":null,"body":"

Added a new CMS based "Recent Work" section to my portfolio site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Added a new CMS based \"Recent Work\" section to my portfolio site."}]}]},"author":{"framerUserId":"28d3483b-c01d-4db2-82bc-ba295fd54b0d","name":"Joshua Roberts","slug":"joshua-roberts","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/28d3483b-c01d-4db2-82bc-ba295fd54b0d/0m7xmnwu","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/QBhML6TxHa1KLuK7dsKhyoUqD00GUD2cmW00WKo62go18.m3u8","metadata":{"posterUrl":"https://image.mux.com/QBhML6TxHa1KLuK7dsKhyoUqD00GUD2cmW00WKo62go18/thumbnail.webp?time=6.377","aspectRatio":"361:270","duration":16.316667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T19:48:19.415Z","updatedAt":"2026-07-03T19:48:19.415Z"}],"pagination":{"next":"MDE5ZjI5ODYtNWQ1Mi03NjcyLTllMDQtZTkwOTljMmU3YWM3","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]