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

AccessibilityDeck adds a preference panel to your Framer site, giving visitors control over how they read your content. Most people don't browse in ideal conditions — sunlight, migraine, dyslexia, ageing eyesight. One button opens nineteen controls, remembered next visit.

No widget can make a site WCAG compliant on its own, but AccessibilityDeck supports WCAG-aligned usability by improving readability, operability and user control.

18 tools

Reading: Text size (100–180%) · Text spacing (WCAG 1.4.12 metrics) · Atkinson Hyperlegible and OpenDyslexic fonts · Align left · Highlight links · Highlight headings · Reading mask · Reading guide

Colour: Contrast (dark, invert, boost) · Saturation · Low blue light · Colour vision filters · Hide images

Navigation and motion: Focus outline · Big cursor · Pause motion · Page structure overlay · Section jump · Read aloud with speed and voice control

Plus seven one-tap profiles: Low vision · Dyslexia · Focus · Seizure safe · Low glare · Motor · Senior

Built differently

The panel renders outside <body>, so page-wide contrast filters can't wash out the controls. Text scaling reads each element's original size instead of assuming rem units, so it works on pixel-built Framer sites. It claims scroll gestures before smooth-scroll components can swallow them, where other panels stall. The panel itself meets WCAG 2.2 AA.

Around 45 property controls, including an on/off switch for each tool. Preferences stay in the visitor's browser — no server, no cookies, no analytics.

Important notes

AccessibilityDeck is a user preference layer. Your site still needs accessible structure, link text, form labels, colour contrast and alt text. Screen reader users get little from a panel like this; correct markup is what helps them. Contrast filters make fixed headers scroll. Read aloud voices vary by device.

Full scope and limitations: https://accessibilitydeck.framer.website/details

Setup: one instance per page, layer set to Position → Absolute.

53:T990,

MorphField — 3D Particle Scroll Morph

Thousands of GPU particles idle as a living wave — then gather into precise 3D forms as visitors scroll. A torus knot, a heart, your logo, your headline. Chain up to 6 shapes in one scroll. Custom shaders keep 20,000+ particles smooth, even on mobile.

Try it live: Interactive playground →

Features

14 built-in 3D primitives + your own SVG, image, live text, or .glb model
True 3D Extrude — turn flat SVGs, logos or text into solid forms with adjustable depth
5 easings, 4 wave layouts, dual-color modes, additive glow, depth fade
Cursor push physics + camera parallax on hover
Editor tools: Scrub slider to preview any scroll moment on canvas, Freeze, Debug HUD
Performance-minded: DPR cap, pauses offscreen, respects reduced motion, deterministic seed

How to use

Drag MorphField onto your page.
Set Width: Fill and Height: ~300vh — the layer height is the scroll runway. Keep Scroll Dist ≤ layer height.
Pick a shape (or upload an SVG and switch Extrude to 3D).
Use the Scrub slider to design without scrolling, then hit Preview and scroll for the real effect.

Good to know

The canvas shows a static frame by design — the live morph runs in Preview and on published sites.
Loads three.js (pinned) from esm.sh CDN at runtime.
Upload SVGs/images via the property panel pickers (external URLs need CORS).
Text shape uses fonts loaded on your page.
Use 1–2 instances per page (each is its own WebGL scene).
Thin SVG strokes looking sparse? Lower the Cutoff control.

Use cases: hero reveals, logo morphs, SaaS feature storytelling, launch pages, ambient wave backgrounds.

Built by TheWebheart Studio · Framer Experts · work@thewebheart.com

Questions or feature requests? Email us - we ship updates.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-dc57f6bb-909b-4999-8151-8ffb3f1eb2b9-all:/unified/creator/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/activity/":[{"data":[{"id":"01a0c547-8160-75a2-a495-8dcf60e83922","type":"comment.reply","target":{"type":"post","id":"01a029a4-238a-71e5-8aba-034971abb592","preview":"Website Design for a Global Financial Consulting firm","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website Design for a Global Financial Consulting firm ","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/01a029a3-73a5-746f-997e-88c945bd52a3.webp","targetDeleted":false,"owned":true,"actions":{"postId":"01a029a4-238a-71e5-8aba-034971abb592","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0c547-8114-7198-9be7-06ce00caea4b","preview":"Thanks @PixlForm®","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "},{"type":"mention","attrs":{"id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","slug":"pixl-form","label":"PixlForm®","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a029a4-238a-71e5-8aba-034971abb592","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a091f8-9405-758f-998d-43af6bffd0db"},"repost":null}},"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T18:43:12.864Z","latestAt":"2026-09-21T18:43:12.864Z"},{"id":"01a0c547-3d0b-74ce-a0a9-d5f5eeef462d","type":"comment.liked","target":{"type":"comment","id":"01a091f8-9405-758f-998d-43af6bffd0db","preview":"The dark hero treatment gives the case study a strong first impression.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The dark hero treatment gives the case study a strong first impression."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a029a4-238a-71e5-8aba-034971abb592","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a091f8-9405-758f-998d-43af6bffd0db"},"repost":null}},"context":{"type":"post","id":"01a029a4-238a-71e5-8aba-034971abb592","preview":"Website Design for a Global Financial Consulting firm","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website Design for a Global Financial Consulting firm ","marks":[{"type":"bold"}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/01a029a3-73a5-746f-997e-88c945bd52a3.webp","targetDeleted":false,"owned":true,"actions":{"postId":"01a029a4-238a-71e5-8aba-034971abb592","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T18:42:55.365Z","latestAt":"2026-09-21T18:42:55.365Z"},{"id":"01a0b0e2-7654-7438-8aa1-00204b7f6be9","type":"creator.followed","target":{"type":"creator","id":"219b924e-40d7-4b1f-892f-3fbcc48a56e9","preview":"Misbachul Umam","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/219b924e-40d7-4b1f-892f-3fbcc48a56e9/65mj5a5d","slug":"misbachulumam","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:40:26.577Z","latestAt":"2026-09-17T19:40:26.577Z"},{"id":"01a0b0e2-71c3-779b-ade3-958ff6e0ca44","type":"creator.followed","target":{"type":"creator","id":"2493eb92-4f83-4fdd-9dc2-55865c25b4e7","preview":"Mason Price (Wenlaunch)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2493eb92-4f83-4fdd-9dc2-55865c25b4e7/0vw0umkq","slug":"mason-price","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:40:25.406Z","latestAt":"2026-09-17T19:40:25.406Z"},{"id":"01a0b0e2-6e93-77db-903d-119cc50fea2a","type":"creator.followed","target":{"type":"creator","id":"cd18df48-5688-43d7-b385-47f760f191f2","preview":"Adam Barta | Launch Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cd18df48-5688-43d7-b385-47f760f191f2/1u2eqy82","slug":"adambarta","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T19:40:24.590Z","latestAt":"2026-09-17T19:40:24.590Z"},{"id":"01a04966-3c1e-728a-9518-e11f30529c4b","type":"creator.followed","target":{"type":"creator","id":"21f8da80-d520-4b8d-a91b-11af4d55c8d7","preview":"Dave Omeiza ☻","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/21f8da80-d520-4b8d-a91b-11af4d55c8d7/fzbtkuod","slug":"daveomeizaozi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T17:23:51.962Z","latestAt":"2026-08-28T17:23:51.962Z"},{"id":"01a02fbd-bb9f-7389-9714-df8bd55a4fe8","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":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T17:49:18.618Z","latestAt":"2026-08-23T17:49:18.618Z"},{"id":"019fd836-26f6-772f-aec8-a9ccb43e656a","type":"component.liked","target":{"type":"component","id":"FdQpwlx2Cde2ytXAIA19","preview":"Integration Network","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/635c89c0-6707-4633-9a26-46761f173138/m3mwuzn3","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-06T17:54:15.409Z","latestAt":"2026-08-06T17:54:15.409Z"},{"id":"019fc844-bba4-747c-8e5b-e60b0a9d3537","type":"creator.followed","target":{"type":"creator","id":"bd056727-646e-4926-8cd9-8101d180670f","preview":"WORKSHOP99","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1359715/54g3r-1h1-3kuiEvOfgNtg4oiAQUDlCkmgVsbwMT","slug":"workshop99","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T15:36:15.520Z","latestAt":"2026-08-03T15:36:15.520Z"},{"id":"019fbd69-db07-761d-968e-056972cd5384","type":"template.liked","target":{"type":"template","id":"70465","preview":"Zerixa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ae56c54d-64e6-4ce8-8adc-6d9eeb8746bd/019fb6e7-a6ed-75ab-b9a4-decb27973b72.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-01T13:00:59.011Z","latestAt":"2026-08-01T13:00:59.011Z"},{"id":"019fbd60-3a85-749d-8110-bb5b66ffc520","type":"component.created","target":{"type":"component","id":"MSdhjZpgHER8szKPGg6h","preview":"AccessibilityDeck","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019fbd5e-4e30-71e9-9ba2-eedee3eff6e5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-01T12:50:28.101Z","latestAt":"2026-08-01T12:50:28.101Z"},{"id":"019fadfd-5e64-76ca-b616-aba11ba038f6","type":"creator.followed","target":{"type":"creator","id":"277f29c0-8639-42a3-a4af-92253babb6a5","preview":"Virgil CAFFIER","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98305/avatar-oSBUeUVXUwOUhkVmyPcRncgecibmDS.jpg","slug":"virgil-caffier","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T13:08:10.975Z","latestAt":"2026-07-29T13:08:10.975Z"},{"id":"019fadf8-e12f-715f-b7e8-71acbb65ab4e","type":"creator.followed","target":{"type":"creator","id":"145266b7-4a55-4a3b-80a1-ecffbd4346ee","preview":"Aathif Thajudeen","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1014411/avatar-3hhQ5xrvrHyPqcZW2PL4D8an7mFCGm.jpg","slug":"aathif-thajudeen","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T13:03:16.774Z","latestAt":"2026-07-29T13:03:16.774Z"},{"id":"019f9f6a-2be6-76a3-81a8-aa4cfb9f121c","type":"component.created","target":{"type":"component","id":"eUIta7Jedysi6W2uQ9Te","preview":"MorphField Particle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019faa36-d3ba-706a-8656-b972574b599f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T17:12:43.238Z","latestAt":"2026-07-26T17:12:43.238Z"},{"id":"019f9ebf-5842-719b-9d99-17f0ba61e69e","type":"creator.followed","target":{"type":"creator","id":"33a627d8-4f83-4e2f-8d02-4bdbb58c3ec7","preview":"Hella Fast, LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/694452/avatar-sJzTGZEMT0WZ1yEryeWCj7MBQ0uP8A.jpg","slug":"hella-fast","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-26T14:06:07.928Z","latestAt":"2026-07-26T14:06:07.928Z"},{"id":"019f95be-709b-74ad-b98f-a5f9f4aebeac","type":"creator.followed","target":{"type":"creator","id":"86b7f82c-4915-4c5c-8404-92ec69b10eca","preview":"Vitalii Sokhovych-Kanarovskiy","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/86b7f82c-4915-4c5c-8404-92ec69b10eca/PBhL2nE2K","slug":"venigman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T20:08:33.631Z","latestAt":"2026-07-24T20:08:33.631Z"},{"id":"019f9008-bb7e-70ed-882a-b46d78bd6437","type":"comment.reply","target":{"type":"post","id":"019f89f5-4aca-73bd-9789-12c635eccfff","preview":"Web design work for a leading deeptech fund client.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Web design work for a leading deeptech fund client."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f89f5-206f-70ed-942b-4cc5c86ed5f4.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019f89f5-4aca-73bd-9789-12c635eccfff","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f9008-bb62-766b-a341-4dff693a7d1d","preview":"Thank you @FrameSpace Glad you liked it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you "},{"type":"mention","attrs":{"id":"47745ef1-855e-412c-a101-305ac078cd49","slug":"framespace","label":"FrameSpace","mentionSuggestionChar":"@"}},{"type":"text","text":" Glad you liked it. "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f89f5-4aca-73bd-9789-12c635eccfff","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f8f95-5c49-71ad-9f10-5938ba848fb5"},"repost":null}},"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T17:31:59.230Z","latestAt":"2026-07-23T17:31:59.230Z"},{"id":"019f9008-4580-775a-8da3-963673530324","type":"comment.liked","target":{"type":"comment","id":"019f8f95-5c49-71ad-9f10-5938ba848fb5","preview":"This feels like a great match for a deeptech brand. Clean and serious without going cold.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This feels like a great match for a deeptech brand. Clean and serious without going cold."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f89f5-4aca-73bd-9789-12c635eccfff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8f95-5c49-71ad-9f10-5938ba848fb5"},"repost":null}},"context":{"type":"post","id":"019f89f5-4aca-73bd-9789-12c635eccfff","preview":"Web design work for a leading deeptech fund client.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Web design work for a leading deeptech fund client."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f89f5-206f-70ed-942b-4cc5c86ed5f4.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019f89f5-4aca-73bd-9789-12c635eccfff","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T17:31:29.021Z","latestAt":"2026-07-23T17:31:29.021Z"},{"id":"019f8a93-8844-763c-8904-e5a17964fb66","type":"creator.followed","target":{"type":"creator","id":"c4cf1cf4-0b77-4f1d-ac6b-98070517ae59","preview":"Anton Drukarov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/97409/avatar-dRsCL3KMq7C48B5rqFPYhB82Svdcq7.jpg","slug":"anton-drukarov","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T16:05:52.317Z","latestAt":"2026-07-22T16:05:52.317Z"},{"id":"019f851f-52a6-7772-afe0-8395b105c504","type":"creator.followed","target":{"type":"creator","id":"daebf60b-d183-4dc3-9ee8-f5b070d8d8b4","preview":"Sidhanth Suman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64229/avatar-6Fkzk5vt1plyb4srBNDlylzUVliRDh.jpg","slug":"sidhanth-suman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","slug":"thewebheart","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T14:40:50.336Z","latestAt":"2026-07-21T14:40:50.336Z"}],"pagination":{"next":"MjAyNi0wNy0yMVQxNDo0MDo1MC4zMzZafDAxOWY4NTFmLTUyYTYtNzc3Mi1hZmUwLTgzOTViMTA1YzUwNA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dc57f6bb-909b-4999-8151-8ffb3f1eb2b9:/unified/posts/?creator=dc57f6bb-909b-4999-8151-8ffb3f1eb2b9&with=reposts":[{"data":[{"id":"01a029a4-238a-71e5-8aba-034971abb592","title":null,"body":"

Website Design for a Global Financial Consulting firm

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website Design for a Global Financial Consulting firm ","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/01a029a3-73a5-746f-997e-88c945bd52a3.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2254,"height":1660}}],"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-08-22T13:23:37.998Z","updatedAt":"2026-08-22T13:23:37.998Z"},{"id":"019fbdcd-38c8-751b-b83f-0e32b6d3f333","title":null,"body":"

Completed one more web design project for a wealth management firm. #webdesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Completed one more web design project for a wealth management firm. #webdesign","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019fbdcc-5871-753a-87e6-ebf33f025642.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3000,"height":2000}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T14:49:31.084Z","updatedAt":"2026-08-01T14:49:31.084Z"},{"id":"019fbd60-3858-750d-a46e-2eb06a794020","title":null,"body":"

AccessibilityDeck is live

One button, 18 tools. Text size, spacing, dyslexia fonts, four contrast modes, colour vision filters, reading mask, focus outline, pause motion, read aloud, and a jump-to-section navigator - plus seven one-tap profiles for low vision, dyslexia, motor and more.

Built to WCAG 2.2 AA itself: keyboard operable throughout, live region announcements, and an accent colour that auto-corrects for contrast so a pale brand colour can't make it unreadable.

It's a preference layer, not a compliance solution — full scope here: accessibilitydeck.framer.website/details

Try it → accessibilitydeck.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AccessibilityDeck is live "}]},{"type":"paragraph","content":[{"type":"text","text":"One button, 18 tools. Text size, spacing, dyslexia fonts, four contrast modes, colour vision filters, reading mask, focus outline, pause motion, read aloud, and a jump-to-section navigator - plus seven one-tap profiles for low vision, dyslexia, motor and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to WCAG 2.2 AA itself: keyboard operable throughout, live region announcements, and an accent colour that auto-corrects for contrast so a pale brand colour can't make it unreadable."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a preference layer, not a compliance solution — full scope here: "},{"type":"text","text":"accessibilitydeck.framer.website/details","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://accessibilitydeck.framer.website/details","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try it → "},{"type":"text","text":"accessibilitydeck.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://accessibilitydeck.framer.website/details","target":"_blank"}}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"MSdhjZpgHER8szKPGg6h","resolved":true,"title":"AccessibilityDeck","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"AccessibilityDeck","marks":[{"type":"bold"}]},{"type":"text","text":" adds a preference panel to your Framer site, giving visitors control over how they read your content. Most people don't browse in ideal conditions — sunlight, migraine, dyslexia, ageing eyesight. One button opens nineteen controls, remembered next visit."}]},{"type":"paragraph","content":[{"type":"text","text":"No widget can make a site WCAG compliant on its own, but AccessibilityDeck supports WCAG-aligned usability by improving readability, operability and user control."}]},{"type":"customHeading","content":[{"type":"text","text":"18 tools","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Reading:","marks":[{"type":"bold"}]},{"type":"text","text":" Text size (100–180%) · Text spacing (WCAG 1.4.12 metrics) · Atkinson Hyperlegible and OpenDyslexic fonts · Align left · Highlight links · Highlight headings · Reading mask · Reading guide"}]},{"type":"paragraph","content":[{"type":"text","text":"Colour:","marks":[{"type":"bold"}]},{"type":"text","text":" Contrast (dark, invert, boost) · Saturation · Low blue light · Colour vision filters · Hide images"}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation and motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Focus outline · Big cursor · Pause motion · Page structure overlay · Section jump · Read aloud with speed and voice control"}]},{"type":"paragraph","content":[{"type":"text","text":"Plus seven one-tap profiles:","marks":[{"type":"bold"}]},{"type":"text","text":" Low vision · Dyslexia · Focus · Seizure safe · Low glare · Motor · Senior"}]},{"type":"customHeading","content":[{"type":"text","text":"Built differently","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The panel renders outside "},{"type":"text","text":"","marks":[{"type":"code"}]},{"type":"text","text":", so page-wide contrast filters can't wash out the controls. Text scaling reads each element's original size instead of assuming rem units, so it works on pixel-built Framer sites. It claims scroll gestures before smooth-scroll components can swallow them, where other panels stall. The panel itself meets WCAG 2.2 AA."}]},{"type":"paragraph","content":[{"type":"text","text":"Around 45 property controls, including an on/off switch for each tool. Preferences stay in the visitor's browser — no server, no cookies, no analytics."}]},{"type":"customHeading","content":[{"type":"text","text":"Important notes","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"AccessibilityDeck is a user preference layer. Your site still needs accessible structure, link text, form labels, colour contrast and alt text. Screen reader users get little from a panel like this; correct markup is what helps them. Contrast filters make fixed headers scroll. Read aloud voices vary by device."}]},{"type":"paragraph","content":[{"type":"text","text":"Full scope and limitations: "},{"type":"text","text":"https://accessibilitydeck.framer.website/details","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://accessibilitydeck.framer.website/details","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Setup: one instance per page, layer set to Position → Absolute."}]}]},"introduction":"WCAG-aligned Accessibility widget","slug":"accessibilitydeck","author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019fbd5e-4e30-71e9-9ba2-eedee3eff6e5.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T12:50:27.077Z","updatedAt":"2026-08-03T15:54:50.159Z","publishedAt":"2026-08-01T12:50:27.074Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://accessibilitydeck.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/S7I1Zu1G-accessibility-deck","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"L0yDwjHtQCFwF18ytheP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-03T15:54:51.034Z","createdAt":"2026-08-01T12:50:27.544Z","updatedAt":"2026-08-03T15:54:51.034Z"},{"id":"019f9f6a-2a3d-7188-be3b-1ae2fb7e690f","title":null,"body":"

MorphField is live - thousands of GPU particles morph from a wave into 3D shapes, your logo, or text as visitors scroll. Try the playground: https://3d-morph-pro.framer.website/featured

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MorphField is live - thousands of GPU particles morph from a wave into 3D shapes, your logo, or text as visitors scroll. Try the playground: "},{"type":"text","text":"https://3d-morph-pro.framer.website/featured","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://3d-morph-pro.framer.website/featured","target":"_blank"}}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"eUIta7Jedysi6W2uQ9Te","resolved":true,"title":"MorphField Particle","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MorphField — 3D Particle Scroll Morph","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Thousands of GPU particles idle as a living wave — then gather into precise 3D forms as visitors scroll. A torus knot, a heart, your logo, your headline. Chain up to 6 shapes in one scroll. Custom shaders keep 20,000+ particles smooth, even on mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it live:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Interactive playground →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://3d-morph-pro.framer.website/featured","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"14 built-in 3D primitives + your own SVG, image, live text, or .glb model"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True 3D Extrude — turn flat SVGs, logos or text into solid forms with adjustable depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 easings, 4 wave layouts, dual-color modes, additive glow, depth fade"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor push physics + camera parallax on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editor tools: Scrub slider to preview any scroll moment on canvas, Freeze, Debug HUD"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-minded: DPR cap, pauses offscreen, respects reduced motion, deterministic seed"}]}]}]},{"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 MorphField onto your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set Width: Fill and Height: ~300vh","marks":[{"type":"bold"}]},{"type":"text","text":" — the layer height is the scroll runway. Keep Scroll Dist ≤ layer height."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a shape (or upload an SVG and switch Extrude to 3D)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use the Scrub slider to design without scrolling, then hit Preview and scroll for the real effect."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The canvas shows a static frame by design — the live morph runs in Preview and on published sites."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Loads three.js (pinned) from "},{"type":"text","text":"esm.sh","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://esm.sh","target":"_blank"}}]},{"type":"text","text":" CDN at runtime."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload SVGs/images via the property panel pickers (external URLs need CORS)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text shape uses fonts loaded on your page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use 1–2 instances per page (each is its own WebGL scene)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Thin SVG strokes looking sparse? Lower the Cutoff control."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases:","marks":[{"type":"bold"}]},{"type":"text","text":" hero reveals, logo morphs, SaaS feature storytelling, launch pages, ambient wave backgrounds."}]},{"type":"paragraph","content":[{"type":"text","text":"Built by "},{"type":"text","text":"TheWebheart Studio","marks":[{"type":"bold"}]},{"type":"text","text":" · Framer Experts · "},{"type":"text","text":"work@thewebheart.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:work@thewebheart.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Questions or feature requests? Email us - we ship updates."}]}]},"introduction":"Custom SVG 3D Particle effect","slug":"morphfield-particle","author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019faa36-d3ba-706a-8656-b972574b599f.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-26T17:12:42.379Z","updatedAt":"2026-07-28T19:33:34.973Z","publishedAt":"2026-07-26T17:12:42.370Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3d-morph-pro.framer.website/preview","price":"10","paymentUrl":"https://contra.com/payment-link/49SMAc80-morph-field-3-d-particle-scroll-morph-for-framer","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"F4liKdKjCMQet0yH7kkT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-26T17:12:42.814Z","updatedAt":"2026-07-26T17:12:42.814Z"},{"id":"019f89f5-4aca-73bd-9789-12c635eccfff","title":null,"body":"

Web design work for a leading deeptech fund client.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Web design work for a leading deeptech fund client."}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f89f5-206f-70ed-942b-4cc5c86ed5f4.jpg","metadata":{"tint":{"h":210,"s":67,"l":9},"width":2000,"height":1500}}],"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":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-22T13:13:01.902Z","updatedAt":"2026-07-22T13:13:01.902Z"},{"id":"019f6cb7-98bf-705f-bc47-10caea7d2857","title":null,"body":"

Web design project for a global consulting firm #webdesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Web design project for a global consulting firm #webdesign","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f6cb5-e83b-72da-bc71-30bf25505a5b.png","metadata":{"tint":{"h":30,"s":67,"l":9},"width":3000,"height":2000}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-16T20:56:39.363Z","updatedAt":"2026-07-16T20:56:39.363Z"},{"id":"019f527d-2c14-72dc-8fef-3709249107e8","title":null,"body":"

Recent Web design project for a DeFi Media House Client

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recent Web design project for a DeFi Media House Client","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f527c-bc0c-712b-93cc-06ba75b1dec4.png","metadata":{"tint":{"h":240,"s":70,"l":73},"width":3200,"height":2133}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-11T18:42:42.839Z","updatedAt":"2026-07-11T18:42:42.839Z"},{"id":"019f4dc4-24c2-720d-97d2-a5562039ce0a","title":null,"body":"

Let's give your website the refresh it deserves.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Let's give your website the refresh it deserves.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/juCLZk02sZruyv5fyX4Fmlg0268Dyetl4YDGmZxz4XkN4.m3u8","metadata":{"posterUrl":"https://image.mux.com/juCLZk02sZruyv5fyX4Fmlg0268Dyetl4YDGmZxz4XkN4/thumbnail.webp?time=9.133","aspectRatio":"4:3","duration":13.5}}],"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-10T20:42:07.943Z","updatedAt":"2026-07-10T20:42:07.943Z"},{"id":"019f484d-19bb-7003-b55e-be044dd133f9","title":null,"body":"

Recently completed a web design project for a wealth management firm.

Less noise -> More clarity -> More trust

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recently completed a web design project for a wealth management firm."}]},{"type":"paragraph","content":[{"type":"text","text":"Less noise -> More clarity -> More trust "}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/019f484b-cb97-76bf-a3e7-1cc4ead12563.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2049,"height":3072}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T19:14:00.256Z","updatedAt":"2026-07-09T19:14:00.256Z"},{"id":"019ef0b9-b42f-71b7-b9aa-27451f7366aa","title":null,"body":"

Built with @Unicorn Studio and a classic background that blends into the story through subtle shader effects.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built with @Unicorn Studio and a classic background that blends into the story through subtle shader effects."}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/s6kI1c9I7x01VmWVpVNgHQmjwMK4Hy00XWiE8vjs81krI.m3u8","metadata":{"posterUrl":"https://image.mux.com/s6kI1c9I7x01VmWVpVNgHQmjwMK4Hy00XWiE8vjs81krI/thumbnail.webp?time=10.5","aspectRatio":"804:643","duration":14}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T19:06:02.675Z","updatedAt":"2026-06-22T19:06:02.675Z"},{"id":"019ee133-fa82-76ed-b3a7-e059efa45bb4","title":null,"body":"

For our client, the goal was simple: create a better web experience.

A familiar visual style

Entry animations

Thoughtful Mouseover micro-interactions

-- A story that unfolds as you scroll

Simple idea - Thoughtful execution.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For our client, the goal was simple: create a better web experience. "}]},{"type":"paragraph","content":[{"type":"text","text":"A familiar visual style"}]},{"type":"paragraph","content":[{"type":"text","text":"Entry animations "}]},{"type":"paragraph","content":[{"type":"text","text":"Thoughtful Mouseover micro-interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"-- A story that unfolds as you scroll "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Simple idea - Thoughtful execution."}]}]},"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/c00DjUenQzL01bEARL5HJx8l5bHUpWYyx01e028NmCU00yeA.m3u8","metadata":{"posterUrl":"https://image.mux.com/c00DjUenQzL01bEARL5HJx8l5bHUpWYyx01e028NmCU00yeA/thumbnail.webp?time=5.867","aspectRatio":"804:643","duration":8.142667}}],"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-06-19T18:45:40.615Z","updatedAt":"2026-06-19T18:45:40.615Z"},{"id":"019ad594-526e-770e-925c-50ff12cecbfa","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10243","resolved":true,"title":"Recaly Ai","body":null,"bodyJson":null,"introduction":"Recaly AI keeps every conversation alive with smart reminders and effortless AI follow-ups.\r\n","slug":"recaly-ai","author":{"framerUserId":"dc57f6bb-909b-4999-8151-8ffb3f1eb2b9","name":"Thewebheart Studio","slug":"thewebheart","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc57f6bb-909b-4999-8151-8ffb3f1eb2b9/963u54a1","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10243/thumbnail-ERkhEaV6SsACGe2JCl9F4RkWeqIaB6.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-30T16:24:18.797Z","updatedAt":"2025-12-14T16:13:22.724Z","publishedAt":"2025-11-30T16:24:18.798Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.recaly.io/","categories":[{"id":"0539c25a-136d-4f8b-a2e7-342a21b7d607","name":"AI","slug":"ai"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-30T16:24:18.798Z","updatedAt":"2025-11-30T16:24:18.798Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]