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

Overview

Phenomena Scope is a high-performance WebGL reality engine built as a custom Framer component. It transforms the web page into a playable scientific instrument, allowing visitors to explore 20 distinct, math-and-physics-inspired worlds. Users can switch between these dimensions instantly and tune simulation behaviors in real time.

The Experience

The engine features a vast array of simulated realities, including hyperbolic space, wormhole geometry, liquid mercury, prism refraction, plasma flow, logarithmic vortices, Calabi-Yau intersections, Chladni resonance, Mandelbrot fractals, quantum probability fields, magma convection, and cosmological expansion. Each model offers unique visual behaviors, selectable from a compact, console-inspired interface rather than a traditional menu.

Customization System

Customization is dual-layered:

For Visitors: A live, on-canvas control panel allows for real-time adjustments, including model selection, sphere visibility, cursor trail behavior, sphere radius, glow intensity, color grading, and distortion strength.
For Creators: The component exposes matching property controls directly within Framer, enabling designers to fine-tune the entire visual system without writing a single line of code.

Interaction & Build Details

The interaction design prioritizes clarity in complex shader behaviors. Sliders for scale, frequency, and velocity shape the simulation, while dedicated sphere and trail controls provide a tangible, physical feel to the cursor. Geometry warping is decoupled from visual effects, ensuring a seamless user experience.

Built with React, WebGL, and GLSL, the engine incorporates real-time pointer tracking, keyboard navigation, click-based shockwaves, and double-click portal bursts. Phenomena Scope demonstrates that Framer can host far more than static marketing pages—it is a robust canvas for interactive tools, generative visuals, and experimental software.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-dadb432a-563d-43da-8054-7212195a9bed-all:/unified/creator/dadb432a-563d-43da-8054-7212195a9bed/activity/":[{"data":[{"id":"01a0da88-f534-753f-8790-7643d1fd7317","type":"creator.followed","target":{"type":"creator","id":"c3639082-177e-4328-9240-25afc91485df","preview":"Geen Geo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/243339/avatar-4qsDdNui5key3zNo0ZATP2sAPlppLN.jpg","slug":"geen-geo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-25T21:46:43.885Z","latestAt":"2026-09-25T21:46:43.885Z"},{"id":"01a00b9d-5a68-76be-8137-7065516f1450","type":"component.liked","target":{"type":"component","id":"tc0PKWKLj7gn6fzpdC43","preview":"WEBGL Hover","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/tc0PKWKLj7gn6fzpdC43/webgl-hover-C5IqTs4SzrFPN8NEoSKimNzav1sT6X","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-16T17:27:36.802Z","latestAt":"2026-08-16T17:27:36.802Z"},{"id":"019ff14f-9c4f-72f9-8ee2-d2b8399ddf6e","type":"component.liked","target":{"type":"component","id":"CWkDCSi3gOeUjLPAnNQl","preview":"Fisheye Scroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ecd9a75e-186e-4108-b610-b38c2c88eaec/tv2tbrwx","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-11T14:52:34.243Z","latestAt":"2026-08-11T14:52:34.243Z"},{"id":"019fb1df-cefe-715a-8baf-a82509004818","type":"comment.created","target":{"type":"post","id":"019fb1d8-3ee8-759c-817d-1519c37744ad","preview":"We just finished OzuraPay's design and implementation.\nMost B2B homepages are built for one buyer and sold to three.\nNobody decides this. It just happens, and it usually happens in favour of whoever the founder used to be.\nA homepage should answer three questions before the visitor does any work. Which of these people am I? What does this do for me specifically? What do I look at to know it's real?\nTry it on yours. Can a reseller tell in two seconds the page is for them and not for the enterprise buyer? \nCan a developer find an endpoint before they find a testimonial? \nDoes the person signing the invoice see a number that means anything to them?\nIf it's no to all three, you don't have a copy problem. You have a page designed for one reader and shipped to three.\nWe just finished OzuraPay. Payment orchestration, sold to ISOs, enterprises and developers at once. \nThe three cards under the hero don't describe the buyers. They show each one their own screen: a residual list, transaction volume, a 200 OK.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We just finished OzuraPay's design and implementation."}]},{"type":"paragraph","content":[{"type":"text","text":"Most B2B homepages are built for one buyer and sold to three."}]},{"type":"paragraph","content":[{"type":"text","text":"Nobody decides this. It just happens, and it usually happens in favour of whoever the founder used to be."}]},{"type":"paragraph","content":[{"type":"text","text":"A homepage should answer three questions before the visitor does any work. Which of these people am I? What does this do for me specifically? What do I look at to know it's real?"}]},{"type":"paragraph","content":[{"type":"text","text":"Try it on yours. Can a reseller tell in two seconds the page is for them and not for the enterprise buyer? "}]},{"type":"paragraph","content":[{"type":"text","text":"Can a developer find an endpoint before they find a testimonial? "}]},{"type":"paragraph","content":[{"type":"text","text":"Does the person signing the invoice see a number that means anything to them?"}]},{"type":"paragraph","content":[{"type":"text","text":"If it's no to all three, you don't have a copy problem. You have a page designed for one reader and shipped to three."}]},{"type":"paragraph","content":[{"type":"text","text":"We just finished OzuraPay. Payment orchestration, sold to ISOs, enterprises and developers at once. "}]},{"type":"paragraph","content":[{"type":"text","text":"The three cards under the hero don't describe the buyers. They show each one their own screen: a residual list, transaction volume, a 200 OK."}]}]},"thumbnail":"https://image.mux.com/NTFCNSs1eJhsoUXgZ3DIFBf017DVeF5gCLlXyUka1VbM/thumbnail.webp?time=25.983","targetDeleted":false,"owned":false,"actions":{"postId":"019fb1d8-3ee8-759c-817d-1519c37744ad","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fb1df-cede-76d8-8c32-aaed00d1477c","preview":"dopeee","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"dopeee"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fb1d8-3ee8-759c-817d-1519c37744ad","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb1df-cede-76d8-8c32-aaed00d1477c"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T07:14:22.590Z","latestAt":"2026-07-30T07:14:22.590Z"},{"id":"019fb1df-b1ef-7262-97d3-26bb7cb39800","type":"post.liked","target":{"type":"post","id":"019fb1d8-3ee8-759c-817d-1519c37744ad","preview":"We just finished OzuraPay's design and implementation.\nMost B2B homepages are built for one buyer and sold to three.\nNobody decides this. It just happens, and it usually happens in favour of whoever the founder used to be.\nA homepage should answer three questions before the visitor does any work. Which of these people am I? What does this do for me specifically? What do I look at to know it's real?\nTry it on yours. Can a reseller tell in two seconds the page is for them and not for the enterprise buyer? \nCan a developer find an endpoint before they find a testimonial? \nDoes the person signing the invoice see a number that means anything to them?\nIf it's no to all three, you don't have a copy problem. You have a page designed for one reader and shipped to three.\nWe just finished OzuraPay. Payment orchestration, sold to ISOs, enterprises and developers at once. \nThe three cards under the hero don't describe the buyers. They show each one their own screen: a residual list, transaction volume, a 200 OK.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We just finished OzuraPay's design and implementation."}]},{"type":"paragraph","content":[{"type":"text","text":"Most B2B homepages are built for one buyer and sold to three."}]},{"type":"paragraph","content":[{"type":"text","text":"Nobody decides this. It just happens, and it usually happens in favour of whoever the founder used to be."}]},{"type":"paragraph","content":[{"type":"text","text":"A homepage should answer three questions before the visitor does any work. Which of these people am I? What does this do for me specifically? What do I look at to know it's real?"}]},{"type":"paragraph","content":[{"type":"text","text":"Try it on yours. Can a reseller tell in two seconds the page is for them and not for the enterprise buyer? "}]},{"type":"paragraph","content":[{"type":"text","text":"Can a developer find an endpoint before they find a testimonial? "}]},{"type":"paragraph","content":[{"type":"text","text":"Does the person signing the invoice see a number that means anything to them?"}]},{"type":"paragraph","content":[{"type":"text","text":"If it's no to all three, you don't have a copy problem. You have a page designed for one reader and shipped to three."}]},{"type":"paragraph","content":[{"type":"text","text":"We just finished OzuraPay. Payment orchestration, sold to ISOs, enterprises and developers at once. "}]},{"type":"paragraph","content":[{"type":"text","text":"The three cards under the hero don't describe the buyers. They show each one their own screen: a residual list, transaction volume, a 200 OK."}]}]},"thumbnail":"https://image.mux.com/NTFCNSs1eJhsoUXgZ3DIFBf017DVeF5gCLlXyUka1VbM/thumbnail.webp?time=25.983","targetDeleted":false,"owned":false,"actions":{"postId":"019fb1d8-3ee8-759c-817d-1519c37744ad","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T07:14:15.147Z","latestAt":"2026-07-30T07:14:15.147Z"},{"id":"019fb124-33f2-7348-89fc-3c598631cf07","type":"template.liked","target":{"type":"template","id":"70394","preview":"Antaris","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ce2673cc-a29b-40c8-b15b-5743cc81d201/01a0b075-2ca5-7464-84f6-d35555b4927f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-30T03:49:27.652Z","latestAt":"2026-07-30T03:49:27.652Z"},{"id":"019fad26-1625-752c-8fe4-bdc3b6fbb6bb","type":"post.liked","target":{"type":"post","id":"019fad1c-b3fa-7158-8fc0-64a261190d11","preview":"Hard work is paying off! I'm pleased to share that Southdown and I are now officially @Framer Pro Experts! 🎉\nNow, time to buy some sweet sweet Framer merch to celebrate.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hard work is paying off! I'm pleased to share that Southdown and I are now officially "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Pro Experts! "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Now, time to buy some sweet sweet Framer merch to celebrate."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5ad1b16a-7c7e-48bf-94d3-6d0035350e36/019fad19-76ef-75ed-8116-60358ff69490.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fad1c-b3fa-7158-8fc0-64a261190d11","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T09:13:02.240Z","latestAt":"2026-07-29T09:13:02.240Z"},{"id":"019fac63-2b1c-732a-a68e-d26b2a04cb41","type":"comment.reply","target":{"type":"post","id":"019fac55-efd3-75f2-83b9-89fe89612011","preview":"Hey Framer fam! 👋\nJust launched a new client project : 🔗 https://ashpesala.com/\nThe client is an executive advisor whose brand is all about \"Growth That Feels Like Peace.\" To match her messaging, the goal was to build a highly premium, minimalist site that exudes calm, decisive authority.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Framer fam! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Just launched a new client project : "},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"https://ashpesala.com/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ashpesala.com/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"The client is an executive advisor whose brand is all about \"Growth That Feels Like Peace.\" To match her messaging, the goal was to build a highly premium, minimalist site that exudes calm, decisive authority."}]}]},"thumbnail":"https://image.mux.com/ipsWICzM8w4RaMZXmhxdcx4Z00dFGm8NhgopFCC3NqD8/thumbnail.webp?time=2.5","targetDeleted":false,"owned":true,"actions":{"postId":"019fac55-efd3-75f2-83b9-89fe89612011","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fac63-2af9-74bc-8012-da6bac998567","preview":"Thank you Asif, and its a great idea to make CTA sticky which follows along, but as there are lot of CTA's in each section i think it will do the same job, but thank you , its a great insight!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Asif, and its a great idea to make CTA sticky which follows along, but as there are lot of CTA's in each section i think it will do the same job, but thank you , its a great insight!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fac55-efd3-75f2-83b9-89fe89612011","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fac5c-e914-7765-9d76-a9a695d95109"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-29T05:40:08.092Z","latestAt":"2026-07-29T05:40:08.092Z"},{"id":"019f958f-6c61-745a-b3d7-f4c926a5e149","type":"comment.created","target":{"type":"post","id":"019f958d-b52b-70b9-9799-46cd85801721","preview":"TextScroll — three-stage scroll color reveal\nYour text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top.\nPlug in, pick three colors, ship.\nPreview Link: https://textscrollwith3colors.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"TextScroll — three-stage scroll color reveal","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top."}]},{"type":"paragraph","content":[{"type":"text","text":"Plug in, pick three colors, ship."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://textscrollwith3colors.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://textscrollwith3colors.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/wurrhJXZL02WBdMTszQAm8dFkaYT6lpm9tMOqDpGKGkk/thumbnail.webp?time=15.636","targetDeleted":false,"owned":false,"actions":{"postId":"019f958d-b52b-70b9-9799-46cd85801721","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f958f-6c41-72ab-a672-672163afa8f7","preview":"its crazy Aman!! will we get to try it?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"its crazy Aman!! will we get to try it?"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f958d-b52b-70b9-9799-46cd85801721","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f958f-6c41-72ab-a672-672163afa8f7"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T19:17:12.417Z","latestAt":"2026-07-24T19:17:12.417Z"},{"id":"019f958f-0734-741b-bdf9-8090130f896d","type":"post.liked","target":{"type":"post","id":"019f958d-b52b-70b9-9799-46cd85801721","preview":"TextScroll — three-stage scroll color reveal\nYour text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top.\nPlug in, pick three colors, ship.\nPreview Link: https://textscrollwith3colors.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"TextScroll — three-stage scroll color reveal","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Your text moves through Initial → Accent → Final as it scrolls. Character, Word, or Line. Pin Section for locked hero moments. GSAP ScrollTrigger under the hood, native Framer fonts on top."}]},{"type":"paragraph","content":[{"type":"text","text":"Plug in, pick three colors, ship."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://textscrollwith3colors.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://textscrollwith3colors.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/wurrhJXZL02WBdMTszQAm8dFkaYT6lpm9tMOqDpGKGkk/thumbnail.webp?time=15.636","targetDeleted":false,"owned":false,"actions":{"postId":"019f958d-b52b-70b9-9799-46cd85801721","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T19:16:46.512Z","latestAt":"2026-07-24T19:16:46.512Z"},{"id":"019f6c1b-929d-7634-98c6-e028f08693fb","type":"template.liked","target":{"type":"template","id":"64458","preview":"AgentLab","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/002fd15f-569c-45ed-870e-354988c9191a/01a0306e-3d55-7087-a179-0b57746b96ad.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-16T18:06:14.161Z","latestAt":"2026-07-16T18:06:14.161Z"},{"id":"019f6054-cc82-70a2-aa21-b2974d43bab3","type":"component.liked","target":{"type":"component","id":"IKmuzBcUGRaavYAA1jyo","preview":"Aperture Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/oxbcev6p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-14T11:13:17.950Z","latestAt":"2026-07-14T11:13:17.950Z"},{"id":"019f4589-42e9-71fa-990a-b7ca17ed8d05","type":"comment.created","target":{"type":"post","id":"019c576f-8f2b-73a7-87aa-b92e15b3063a","preview":"Focus Testimonials","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1hfrAcMjB448Mi1gZuNa/focus-testimonials-Im7nqJzvTk5Ftn51MZzgxs96mysXsG","targetDeleted":false,"owned":false,"actions":{"postId":"019c576f-8f2b-73a7-87aa-b92e15b3063a","like":{"count":35,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4589-42d2-734c-a2e3-e81afc5d7b00","preview":"impressive","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"impressive"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019c576f-8f2b-73a7-87aa-b92e15b3063a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f4589-42d2-734c-a2e3-e81afc5d7b00"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-09T06:20:51.305Z","latestAt":"2026-07-09T06:20:51.305Z"},{"id":"019f2bb0-6a90-704a-ae9b-45e3bb19fc1f","type":"post.liked","target":{"type":"post","id":"019f1e1a-9b00-7389-ab75-96587efc88ff","preview":"Interactive map experience made in Framer for a recent client project ✨\nMade by @Trueform","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive map experience made in Framer for a recent client project "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Made by "},{"type":"mention","attrs":{"id":"9387f0cc-b47f-4364-9402-a74231861534","slug":"trueform","label":"Trueform","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/ERJNoyd9q8Fsqkth9028onE4sffzerI4Iz3zZ93I2400w/thumbnail.webp?time=5.896","targetDeleted":false,"owned":false,"actions":{"postId":"019f1e1a-9b00-7389-ab75-96587efc88ff","like":{"count":73,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-04T05:53:29.738Z","latestAt":"2026-07-04T05:53:29.738Z"},{"id":"019f2680-3acd-7578-a596-42c48178a1c5","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T05:42:45.679Z","latestAt":"2026-07-03T05:42:45.679Z"},{"id":"019effb8-9c43-7349-8c22-7938efba6130","type":"comment.liked","target":{"type":"comment","id":"019effa9-ea04-7150-bcb0-c30bb4b3e54d","preview":"thank you :))","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thank you :)) "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019effa2-b209-713e-80d9-3a4fa86c49b8"},"repost":null}},"context":{"type":"post","id":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","preview":"Photolio📸 is now a paid template at $69!\nWhat’s new:\n→ AI prompts for Customization using @Framer 's AI Agent, along with Video Demos\n→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)\nPhotolio is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel.\nLink to the template below👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"emoji","attrs":{"name":"camera_flash","emoji":"📸"}},{"type":"text","text":" is now a paid template at $69!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What’s new:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ AI prompts for Customization using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" 's AI Agent, along with Video Demos"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"text","text":" is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Link to the template below"},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/ARwmfuyeXB5jzsg6TBnAObpc7izOj45jZ3NbEgReLAA/thumbnail.webp?time=3.1","targetDeleted":false,"owned":false,"actions":{"postId":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:59:09.247Z","latestAt":"2026-06-25T16:59:09.247Z"},{"id":"019effb8-5640-75e3-aaaa-441acc0161be","type":"comment.liked","target":{"type":"comment","id":"019effb0-0d85-7727-8f54-8ab1da0b8f33","preview":"@Harsha A Got it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"dadb432a-563d-43da-8054-7212195a9bed","slug":"harsha-a","label":"Harsha A","mentionSuggestionChar":"@"}},{"type":"text","text":" Got it"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019eff8b-fbfd-706c-8c3b-5499f63d8f41"},"repost":null}},"context":{"type":"post","id":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","preview":"Who said restaurant websites had to be boring?\nFresh web concept for BAYORA—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who said restaurant websites had to be boring?"}]},{"type":"paragraph","content":[{"type":"text","text":"Fresh web concept for "},{"type":"text","text":"BAYORA","marks":[{"type":"bold"}]},{"type":"text","text":"—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience."}]}]},"thumbnail":"https://image.mux.com/0202XiBwTxgg7ywGYO9pO8ifQQsKekbGZyyf3lyp3bhjU/thumbnail.webp?time=3.033","targetDeleted":false,"owned":true,"actions":{"postId":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:58:51.324Z","latestAt":"2026-06-25T16:58:51.324Z"},{"id":"019effa2-b223-715f-aa9e-1a8ae4ae1096","type":"comment.created","target":{"type":"post","id":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","preview":"Photolio📸 is now a paid template at $69!\nWhat’s new:\n→ AI prompts for Customization using @Framer 's AI Agent, along with Video Demos\n→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)\nPhotolio is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel.\nLink to the template below👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"emoji","attrs":{"name":"camera_flash","emoji":"📸"}},{"type":"text","text":" is now a paid template at $69!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What’s new:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ AI prompts for Customization using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" 's AI Agent, along with Video Demos"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"text","text":" is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Link to the template below"},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/ARwmfuyeXB5jzsg6TBnAObpc7izOj45jZ3NbEgReLAA/thumbnail.webp?time=3.1","targetDeleted":false,"owned":false,"actions":{"postId":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019effa2-b209-713e-80d9-3a4fa86c49b8","preview":"love the typography and visuals","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"love the typography and visuals"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019effa2-b209-713e-80d9-3a4fa86c49b8"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:35:13.059Z","latestAt":"2026-06-25T16:35:13.059Z"},{"id":"019effa2-5ecf-7769-8972-f90800c0bec6","type":"post.liked","target":{"type":"post","id":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","preview":"Photolio📸 is now a paid template at $69!\nWhat’s new:\n→ AI prompts for Customization using @Framer 's AI Agent, along with Video Demos\n→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)\nPhotolio is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel.\nLink to the template below👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"emoji","attrs":{"name":"camera_flash","emoji":"📸"}},{"type":"text","text":" is now a paid template at $69!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What’s new:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ AI prompts for Customization using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" 's AI Agent, along with Video Demos"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Detailed Manual Customization guide (if you don’t want to use the AI Agent)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Photolio","marks":[{"type":"italic"}]},{"type":"text","text":" is a refined Framer portfolio template for photographers and creatives, featuring viewfinder-style crop marks across pages for an authentic, true-to-the-craft photographic feel."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Link to the template below"},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":"https://image.mux.com/ARwmfuyeXB5jzsg6TBnAObpc7izOj45jZ3NbEgReLAA/thumbnail.webp?time=3.1","targetDeleted":false,"owned":false,"actions":{"postId":"019ef9f2-b48c-722b-b621-bb0a07d38ab0","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:34:51.722Z","latestAt":"2026-06-25T16:34:51.722Z"},{"id":"019eff9f-1efe-7351-8fca-c89ffc73e7d9","type":"comment.reply","target":{"type":"post","id":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","preview":"Who said restaurant websites had to be boring?\nFresh web concept for BAYORA—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who said restaurant websites had to be boring?"}]},{"type":"paragraph","content":[{"type":"text","text":"Fresh web concept for "},{"type":"text","text":"BAYORA","marks":[{"type":"bold"}]},{"type":"text","text":"—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience."}]}]},"thumbnail":"https://image.mux.com/0202XiBwTxgg7ywGYO9pO8ifQQsKekbGZyyf3lyp3bhjU/thumbnail.webp?time=3.033","targetDeleted":false,"owned":true,"actions":{"postId":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019eff9f-1ee8-7130-ac75-49f8c1d44919","preview":"Thanks a lot!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks a lot!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019eff93-0b07-730a-a1ca-59f4ea7abca9"},"repost":null}},"actors":[{"id":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","slug":"harsha-a","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-25T16:31:18.782Z","latestAt":"2026-06-25T16:31:18.782Z"}],"pagination":{"next":"MjAyNi0wNi0yNVQxNjozMToxOC43ODJafDAxOWVmZjlmLTFlZmUtNzM1MS04ZmNhLWM4OWZmYzczZTdkOQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dadb432a-563d-43da-8054-7212195a9bed:/unified/posts/?creator=dadb432a-563d-43da-8054-7212195a9bed&with=reposts":[{"data":[{"id":"019fb1df-55ad-737b-9d2c-71a1b3d65139","title":null,"body":"

LOL! Thought I'll get different answers..

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"LOL! Thought I'll get different answers.."}]}]},"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/019fb1de-d062-711e-9835-a239e3ad441a.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1200,"height":2670}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/019fb1de-cfb9-761b-ba34-a5a812927ca3.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":2670}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/019fb1de-cfa3-7546-a93e-241b5df14501.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":2670}}],"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-30T07:13:51.549Z","updatedAt":"2026-07-30T07:13:51.549Z"},{"id":"019fac55-efd3-75f2-83b9-89fe89612011","title":null,"body":"

Hey Framer fam! 👋

Just launched a new client project : 🔗 https://ashpesala.com/

The client is an executive advisor whose brand is all about "Growth That Feels Like Peace." To match her messaging, the goal was to build a highly premium, minimalist site that exudes calm, decisive authority.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Framer fam! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Just launched a new client project : "},{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"https://ashpesala.com/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ashpesala.com/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"The client is an executive advisor whose brand is all about \"Growth That Feels Like Peace.\" To match her messaging, the goal was to build a highly premium, minimalist site that exudes calm, decisive authority."}]}]},"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/ipsWICzM8w4RaMZXmhxdcx4Z00dFGm8NhgopFCC3NqD8.m3u8","metadata":{"posterUrl":"https://image.mux.com/ipsWICzM8w4RaMZXmhxdcx4Z00dFGm8NhgopFCC3NqD8/thumbnail.webp?time=2.5","aspectRatio":"16:9","duration":38.1}}],"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":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-29T05:26:50.684Z","createdAt":"2026-07-29T05:25:40.963Z","updatedAt":"2026-07-29T05:26:50.684Z"},{"id":"019f226b-dca7-73df-b035-8416c2c4977e","title":null,"body":"

Redesigned salt.pe

Not a mockup. Fully interactive — live currency rates, real-time conversion, custom code components. The original was static.

A brand moving millions across borders daily deserves a UI that actually moves.

Built this in a few hours using Framer's code overrides.

Static concepts don't show the real thing. So I built the real thing.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Redesigned "},{"type":"text","text":"salt.pe","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://salt.pe","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Not a mockup. Fully interactive — live currency rates, real-time conversion, custom code components. The original was static. "}]},{"type":"paragraph","content":[{"type":"text","text":"A brand moving millions across borders daily deserves a UI that actually moves. "}]},{"type":"paragraph","content":[{"type":"text","text":"Built this in a few hours using Framer's code overrides. "}]},{"type":"paragraph","content":[{"type":"text","text":"Static concepts don't show the real thing. So I built the real thing."}]}]},"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/zbKi1JZi6oEXFUS22NQqOadypZ6n8TlJW8kNiCsRIAg.m3u8","metadata":{"posterUrl":"https://image.mux.com/zbKi1JZi6oEXFUS22NQqOadypZ6n8TlJW8kNiCsRIAg/thumbnail.webp?time=17.333","aspectRatio":"16:9","duration":32.166667}}],"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-02T10:42:02.048Z","updatedAt":"2026-07-02T10:42:02.048Z"},{"id":"019eff84-7a73-7264-97d1-e4fbcd6b0b6d","title":null,"body":"

Who said restaurant websites had to be boring?

Fresh web concept for BAYORA—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who said restaurant websites had to be boring?"}]},{"type":"paragraph","content":[{"type":"text","text":"Fresh web concept for "},{"type":"text","text":"BAYORA","marks":[{"type":"bold"}]},{"type":"text","text":"—bringing live-fire Indian cooking from India to Tbilisi through a premium, editorial digital experience."}]}]},"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/0202XiBwTxgg7ywGYO9pO8ifQQsKekbGZyyf3lyp3bhjU.m3u8","metadata":{"posterUrl":"https://image.mux.com/0202XiBwTxgg7ywGYO9pO8ifQQsKekbGZyyf3lyp3bhjU/thumbnail.webp?time=3.033","aspectRatio":"16:9","duration":50.6}}],"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":7},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-06-25T16:31:04.761Z","createdAt":"2026-06-25T16:02:12.727Z","updatedAt":"2026-06-25T16:31:04.761Z"},{"id":"019ed539-f243-77ab-98ec-c278c45215c4","title":null,"body":"

I refined the experience into a more polished interactive Framer build with a cleaner control system, stronger customization, and improved presentation. The project now includes 20 playable shader realities, a visible two-row model selector, live in-canvas controls, Framer property-panel customization, cursor sphere and trail controls, distortion modes, and real-time tuning for scale, frequency, and velocity.

The biggest improvement was separating the visual cursor sphere/trail from geometry distortion, so users can enjoy the interactive glow without unwanted black-hole warping. I also cleaned up the interface by removing extra HUD elements, improving dropdown readability, and preparing a full hackathon media kit with submission copy, demo script, screenshot plan, and launch captions.

Phenomena Scope is built to show Framer as a canvas for interactive tools and generative experiences — not just static websites.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I refined the experience into a more polished interactive Framer build with a cleaner control system, stronger customization, and improved presentation. The project now includes 20 playable shader realities, a visible two-row model selector, live in-canvas controls, Framer property-panel customization, cursor sphere and trail controls, distortion modes, and real-time tuning for scale, frequency, and velocity.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The biggest improvement was separating the visual cursor sphere/trail from geometry distortion, so users can enjoy the interactive glow without unwanted black-hole warping. I also cleaned up the interface by removing extra HUD elements, improving dropdown readability, and preparing a full hackathon media kit with submission copy, demo script, screenshot plan, and launch captions.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Phenomena Scope is built to show Framer as a canvas for interactive tools and generative experiences — not just static websites.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed539-f243-77ab-98ec-c5a4322d3e41","contestId":"agents-hackathon","author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"]},"title":"Phenomena","body":"$52","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Phenomena Scope is a high-performance WebGL reality engine built as a custom Framer component. It transforms the web page into a playable scientific instrument, allowing visitors to explore 20 distinct, math-and-physics-inspired worlds. Users can switch between these dimensions instantly and tune simulation behaviors in real time."}]},{"type":"customHeading","content":[{"type":"text","text":"The Experience"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The engine features a vast array of simulated realities, including hyperbolic space, wormhole geometry, liquid mercury, prism refraction, plasma flow, logarithmic vortices, Calabi-Yau intersections, Chladni resonance, Mandelbrot fractals, quantum probability fields, magma convection, and cosmological expansion. Each model offers unique visual behaviors, selectable from a compact, console-inspired interface rather than a traditional menu."}]},{"type":"customHeading","content":[{"type":"text","text":"Customization System"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Customization is dual-layered:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"For Visitors:","marks":[{"type":"bold"}]},{"type":"text","text":" A live, on-canvas control panel allows for real-time adjustments, including model selection, sphere visibility, cursor trail behavior, sphere radius, glow intensity, color grading, and distortion strength."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"For Creators:","marks":[{"type":"bold"}]},{"type":"text","text":" The component exposes matching property controls directly within Framer, enabling designers to fine-tune the entire visual system without writing a single line of code."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Interaction & Build Details"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The interaction design prioritizes clarity in complex shader behaviors. Sliders for scale, frequency, and velocity shape the simulation, while dedicated sphere and trail controls provide a tangible, physical feel to the cursor. Geometry warping is decoupled from visual effects, ensuring a seamless user experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with React, WebGL, and GLSL, the engine incorporates real-time pointer tracking, keyboard navigation, click-based shockwaves, and double-click portal bursts. Phenomena Scope demonstrates that Framer can host far more than static marketing pages—it is a robust canvas for interactive tools, generative visuals, and experimental software."}]}]},"media":[{"type":"video","url":"https://stream.mux.com/GaX01tgbUhKYJ5bp11Er6YfWIKJ5h01woVDVF018HR4WnI.m3u8","metadata":{"posterUrl":"https://image.mux.com/GaX01tgbUhKYJ5bp11Er6YfWIKJ5h01woVDVF018HR4WnI/thumbnail.webp?time=13.9","aspectRatio":"771:431","duration":69.066667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/qa0hub5c","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1883,"height":867}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/fskxevlb","metadata":{"tint":{"h":204,"s":94,"l":25},"width":1632,"height":860}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/imt8gwyy","metadata":{"tint":{"h":325,"s":93,"l":30},"width":1647,"height":867}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/47sa8ank","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1637,"height":872}}],"post":null,"data":{"previewUrl":"https://phenomenascope.framer.website/"},"winner":false,"createdAt":"2026-06-17T10:56:45.168Z","updatedAt":"2026-06-17T10:56:45.168Z"}],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T10:56:45.131Z","updatedAt":"2026-06-17T10:56:45.131Z"},{"id":"019ade3e-8f05-7abf-9f5f-347e51f06ac3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"10270","resolved":true,"title":"Agamana","body":null,"bodyJson":null,"introduction":"Agamana is a real-estate company offering premium residential and commercial properties. The website was designed to feel modern, trustworthy, and conversion-focused—showcasing projects clearly, building credibility, and making inquiries effortless.","slug":"agamana","author":{"framerUserId":"dadb432a-563d-43da-8054-7212195a9bed","name":"Harsha A","slug":"harsha-a","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dadb432a-563d-43da-8054-7212195a9bed/k0srvnya","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10270/thumbnail-l1xEERJ8CugbZDYSANdU92z65dA9OG.jpg","metadata":{"tint":{"h":90,"s":41,"l":45},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-02T08:47:13.157Z","updatedAt":"2025-12-02T08:47:13.157Z","publishedAt":"2025-12-02T08:47:13.157Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://agamana.com/","categories":[{"id":"b3738841-4fce-4e5d-af4b-034ff1decdba","name":"Real Estate","slug":"real-estate"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-02T08:47:13.157Z","updatedAt":"2025-12-02T08:47:13.157Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]