53:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3y8qjjd_v0fjc.js","/creators-assets/_next/static/immutable/chunks/0_aohzx8_x6oa.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/0t3q4gzvfui5n.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/30smfjlh8o71p.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/2a2w_2tavj0_e.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/3xi9_0nh8wp68.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/2k4fp8uwg758i.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/05jm9t-fm5ei_.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1an0rrmx8vr9j.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/2q-c5-h7837do.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/40pcohi_mocbm.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 54:T441,

About

Scroll down and the words type themselves. Each letter lands in the middle of your screen, then drifts off to the left as the curve carries it away. The trick: the text isn't moving — the camera is. It rides along one long curve, so the letter being written is always dead centre while the world tilts around it.

Use case

Hero sections. Brand statements. Manifesto pages. Anywhere a headline deserves more than a fade-in — and any moment you want someone to keep scrolling just to see what comes next.

Features

Any text length, from three words to a full paragraph
Any font — kerning and spacing stay exactly right
Fluid sizing that scales with the screen
Pinned or in-flow — drop it in, or use your own sticky section
Controls for curve, reveal speed, anchor point and camera follow
Four ready-made text specimens included
Setup in three steps: drag, set height, type

55:T4d3,

Elevate your typography with an editorial-grade text reveal animation inspired by cutting-edge, award-winning studio portfolios. As users scroll down the page, a sleek, solid color block sweeps across each line of text, perfectly unrolling the typography cleanly right in its shadow.

Built entirely with performance and versatility in mind, this component sidesteps common browser rendering artifacts and sub-pixel outline leaks by utilizing structural tracking instead of unstable clip-paths. It’s fully dynamic, infinitely scalable, and meticulously designed to give your layouts an immediate sense of high-end interaction design.

Features:

Infinite Layout Freedom: Add, delete, or reorder as many lines of text as you need directly within the Framer properties panel using native array controls.

Flawless Rendering: Zero ghost lines or edge bleeding before, during, or after the scroll phase.
Fully Customizable: Easily tweak font size, weights, line heights, custom font families, and independent text or block accent colors directly from the sidebar.

56:T7c8,

Bring raw tactile energy and micro-delight to your digital portfolios and landing pages. Kinetic Stack is an advanced, production-ready code component that transforms standard static button menus into a living, physics-infused environment.

Inspired by high-end motion design aesthetics, this component maps your cursor tracking data in real time, allowing custom canvas layers to gracefully evade or magnetize to the mouse while organically transferring kinetic velocity to neighboring layers. No overlapping, no complex keyframing—just pure, dynamic physics out of the box.

🚀 Key Features

Two Interactive Modes: Switch instantly between Repel (Evade) for an elastic UI that playfully shies away from the cursor, or Attract (Magnet) to draw elements elegantly toward the mouse track.
Dual-Orientation Support: Works flawlessly as a Vertical feature stack or a Horizontal top-navigation menu. The collision physics automatically calculate and adjust vectors based on your layout axis.
Infinite Slot Customization: Built utilizing a native Framer Array control wrapper. Add, remove, or drag-and-drop to reorder an unlimited number of custom frames directly from your right-hand settings panel.
Unified Z-Index Mechanics: Elements are hardcoded into a shared layout plane. They physically collide and push adjacent components out of the way without clipping or overlapping, ensuring flawless presentation.
Total Visual Autonomy: Because you link native Framer frames directly into the stack, you retain 100% control over typography, individual border radiuses, custom background states, and canvas hover effects.

52:["$","$L53",null,{"value":{"fallback":{"$inf$activity-creator-db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4-all:/unified/creator/db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4/activity/":[{"data":[{"id":"01a0c3ad-2ad8-7542-91b8-9518f5cf02f6","type":"creator.followed","target":{"type":"creator","id":"e7d1c8f1-e3f1-4d46-949b-7866d26de465","preview":"Dhiraj Ingle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e7d1c8f1-e3f1-4d46-949b-7866d26de465/w98sm0ai","slug":"dhirajingle","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T11:15:00.947Z","latestAt":"2026-09-21T11:15:00.947Z"},{"id":"01a0c3ad-2643-71c0-bed5-bf29848a6801","type":"creator.followed","target":{"type":"creator","id":"ffa09057-21bc-47ab-8deb-9028e0a74be1","preview":"Outumn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ffa09057-21bc-47ab-8deb-9028e0a74be1/t0nog86g","slug":"outumn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T11:14:59.776Z","latestAt":"2026-09-21T11:14:59.776Z"},{"id":"01a0aa8f-0312-700c-a690-d58e5bbc531a","type":"creator.followed","target":{"type":"creator","id":"7010a70c-7db6-4926-ba51-a55afec77f72","preview":"QuickBlocks","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7010a70c-7db6-4926-ba51-a55afec77f72/yqbt5rxm","slug":"quickblocks","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T14:11:34.286Z","latestAt":"2026-09-16T14:11:34.286Z"},{"id":"01a0aa8e-feaa-765f-9ff7-14477a9c15ed","type":"creator.followed","target":{"type":"creator","id":"0784036e-5566-4ff1-a18f-8680667541cf","preview":"xen","previewJson":null,"thumbnail":null,"slug":"xen-dev","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T14:11:33.158Z","latestAt":"2026-09-16T14:11:33.158Z"},{"id":"01a0aa8e-f0dd-73c8-8a62-9ba2bb16db11","type":"creator.followed","target":{"type":"creator","id":"23702b39-dda6-4ff7-94d2-9633272a8c88","preview":"Noel Dario Andres","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/23702b39-dda6-4ff7-94d2-9633272a8c88/7xEQkh8a1","slug":"noel-dario-andres-z2ebfu","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T14:11:29.624Z","latestAt":"2026-09-16T14:11:29.624Z"},{"id":"01a08883-7511-704c-8006-263a2ab31eb3","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-09T23:31:51.693Z","latestAt":"2026-09-09T23:31:51.693Z"},{"id":"01a08595-a27d-73df-b349-ec0813d5446e","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/1j68mb2i","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-09T09:52:51.321Z","latestAt":"2026-09-09T09:52:51.321Z"},{"id":"01a07cd9-9f66-718d-b51b-07249686db1d","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T17:10:32.035Z","latestAt":"2026-09-07T17:10:32.035Z"},{"id":"01a07cd9-98e5-7707-8f85-bc1304dda50b","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":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T17:10:30.367Z","latestAt":"2026-09-07T17:10:30.367Z"},{"id":"01a07c67-d5fc-7053-ae0d-f97a67e2c8f7","type":"creator.followed","target":{"type":"creator","id":"fcff8256-5239-4f0b-922f-3489e2c3daac","preview":"bigbi studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1682392/avatar-F01iAXrm4bJMcC3AaoJTgt5RuZCrYI.jpg","slug":"bigbistudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T15:06:14.904Z","latestAt":"2026-09-07T15:06:14.904Z"},{"id":"01a075ae-7b90-74f5-9b60-b9719da32e03","type":"comment.reply","target":{"type":"post","id":"019f1e0a-039f-714e-ae5e-a76fba6f5554","preview":"Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.\nI wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.\nFeel free to test it out on the live site link below and let me know what you think of the physics tuning!\n👉 https://framer.link/ApjBfWx","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results."}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Feel free to test it out on the live site link below and let me know what you think of the physics tuning!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" https://framer.link/ApjBfWx","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ApjBfWx","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/cIN32ILHWkh302ycrJlCTlzliYfBnWs8aiZO45dWFdFA/thumbnail.webp?time=8.131","targetDeleted":false,"owned":true,"actions":{"postId":"019f1e0a-039f-714e-ae5e-a76fba6f5554","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a075ae-7b77-737b-be4b-f8426f32ee1c","preview":"Hey man, Issue fixed, Thanks for checking out my component","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey man, Issue fixed, Thanks for checking out my component"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f1e0a-039f-714e-ae5e-a76fba6f5554","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0688d-c68d-763e-a96f-7a15b7710a35"},"repost":null}},"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-06T07:46:04.304Z","latestAt":"2026-09-06T07:46:04.304Z"},{"id":"01a0582e-e809-744e-8761-fb1ccc0ddcca","type":"component.created","target":{"type":"component","id":"zxcYyiAMxmrW9sLO43zo","preview":"Animated Text Scroll","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4/01a05827-1f81-74c4-8e29-0d908b6243b2.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-31T14:17:44.201Z","latestAt":"2026-08-31T14:17:44.201Z"},{"id":"01a048d9-d62e-746f-87e7-503316bbc375","type":"comment.reply","target":{"type":"post","id":"019f1e0a-039f-714e-ae5e-a76fba6f5554","preview":"Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.\nI wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.\nFeel free to test it out on the live site link below and let me know what you think of the physics tuning!\n👉 https://framer.link/ApjBfWx","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results."}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Feel free to test it out on the live site link below and let me know what you think of the physics tuning!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" https://framer.link/ApjBfWx","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ApjBfWx","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/cIN32ILHWkh302ycrJlCTlzliYfBnWs8aiZO45dWFdFA/thumbnail.webp?time=8.131","targetDeleted":false,"owned":true,"actions":{"postId":"019f1e0a-039f-714e-ae5e-a76fba6f5554","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a048d9-d614-776f-ad0b-457ae70e9d4c","preview":"Hi Alesandra, thank you for your having a look at my component, the issue has been fixed,\nEnjoy man","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi Alesandra, thank you for your having a look at my component, the issue has been fixed,"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Enjoy man"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f1e0a-039f-714e-ae5e-a76fba6f5554","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fb27d-05fd-71bb-99e7-e7a15c7d7350"},"repost":null}},"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-28T14:50:30.830Z","latestAt":"2026-08-28T14:50:30.830Z"},{"id":"01a006b7-2aa8-736e-b413-b205f67050b9","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":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T18:37:42.435Z","latestAt":"2026-08-15T18:37:42.435Z"},{"id":"019ff4b1-a635-7329-a592-5f85cc4e8a2a","type":"post.liked","target":{"type":"post","id":"019ff4af-d418-7664-9192-efcd1f0f9f2b","preview":"Featured on @Contra Love to see it! 🤍","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Featured on "},{"type":"mention","attrs":{"id":"e6e6d407-3cfd-4cd3-8fb7-1e86e5da6379","slug":"contra","label":"Contra","mentionSuggestionChar":"@"}},{"type":"text","text":" Love to see it! "},{"type":"emoji","attrs":{"name":"white_heart","emoji":"🤍"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b10633cd-e712-48eb-871a-ea0592a67fbc/019ff4ae-d05b-74dc-b329-a1c65098f483.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019ff4af-d418-7664-9192-efcd1f0f9f2b","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T06:38:30.948Z","latestAt":"2026-08-12T06:38:30.948Z"},{"id":"019fd6c2-0551-752e-92b4-cd7d81025d75","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T11:07:47.402Z","latestAt":"2026-08-06T11:07:47.402Z"},{"id":"019fc684-9599-73e7-8f5c-768aae7e62b2","type":"creator.followed","target":{"type":"creator","id":"e1af7305-3d64-4054-8d78-41972a97341c","preview":"Zoe P.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1af7305-3d64-4054-8d78-41972a97341c/46zap623","slug":"zoe-p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T07:26:45.652Z","latestAt":"2026-08-03T07:26:45.652Z"},{"id":"019fc684-8f7a-7168-a08b-f162632c2f2f","type":"creator.followed","target":{"type":"creator","id":"d7f84517-75c8-4e5c-9f66-b6278dca4f3c","preview":"Anayatul Islam","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/33713/avatar-X4lSSapxk4sb6SMci9zqB2fm8Yv1mo.jpg","slug":"anayatul","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T07:26:44.078Z","latestAt":"2026-08-03T07:26:44.078Z"},{"id":"019fc684-81cd-745b-89f4-6d46714a875d","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":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T07:26:40.579Z","latestAt":"2026-08-03T07:26:40.579Z"},{"id":"019fc684-6ee4-745d-9295-9b7c92de2329","type":"creator.followed","target":{"type":"creator","id":"215ddceb-c9fe-4a9c-823e-0fc4615f9e14","preview":"Shoaib Muhammad","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/215ddceb-c9fe-4a9c-823e-0fc4615f9e14/hsyep3nd","slug":"shoaib-muhammad-xtlf3o","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","avatar":null,"slug":"balogun-ilias","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T07:26:35.743Z","latestAt":"2026-08-03T07:26:35.743Z"}],"pagination":{"next":"MjAyNi0wOC0wM1QwNzoyNjozNS43NDNafDAxOWZjNjg0LTZlZTQtNzQ1ZC05Mjk1LTliN2M5MmRlMjMyOQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4:/unified/posts/?creator=db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4&with=reposts":[{"data":[{"id":"01a0582e-e5c8-72c7-bdf2-f4d89386e38b","title":null,"body":"

Made a scroll-driven text component.

Scroll and the line types itself along a curve — each letter appearing in the middle of the screen, then drifting off as the curve carries it away.

Works with any length of text, any font, scales with the screen.

Would love to see what you build with it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made a scroll-driven text component."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll and the line types itself along a curve — each letter appearing in the middle of the screen, then drifting off as the curve carries it away. "}]},{"type":"paragraph","content":[{"type":"text","text":"Works with any length of text, any font, scales with the screen. "}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it."}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zxcYyiAMxmrW9sLO43zo","resolved":true,"title":"Animated Text Scroll","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"About","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll down and the words type themselves. Each letter lands in the middle of your screen, then drifts off to the left as the curve carries it away. The trick: the text isn't moving — the camera is. It rides along one long curve, so the letter being written is always dead centre while the world tilts around it."}]},{"type":"paragraph","content":[{"type":"text","text":"Use case","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hero sections. Brand statements. Manifesto pages. Anywhere a headline deserves more than a fade-in — and any moment you want someone to keep scrolling just to see what comes next."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any text length, from three words to a full paragraph"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any font — kerning and spacing stay exactly right"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fluid sizing that scales with the screen"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pinned or in-flow — drop it in, or use your own sticky section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Controls for curve, reveal speed, anchor point and camera follow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four ready-made text specimens included"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup in three steps: drag, set height, type"}]}]}]},{"type":"paragraph"}]},"introduction":"Scroll Driven Text Animation","slug":"animated-text-scroll","author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4/01a05827-1f81-74c4-8e29-0d908b6243b2.jpg","metadata":{"tint":{"h":350,"s":87,"l":67},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-31T14:17:43.052Z","updatedAt":"2026-08-31T16:04:15.761Z","publishedAt":"2026-08-31T14:17:43.050Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Scroll-Trigger-BxC6Ti.js@vvbZHXf8D3hnbdXmQeAC","previewUrl":"https://reliable-nature-303014.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"vvbZHXf8D3hnbdXmQeAC","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-31T16:18:57.468Z","createdAt":"2026-08-31T14:17:43.624Z","updatedAt":"2026-08-31T16:18:57.468Z"},{"id":"019f2828-3d63-7048-9881-b529381a76a1","title":null,"body":"

Reviews Section of my upcoming framer template

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Reviews Section of my upcoming framer template"}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/R5hDlw357F6NWFSKgIhRAyyZB01LQwlQCTomey01lirJc.m3u8","metadata":{"posterUrl":"https://image.mux.com/R5hDlw357F6NWFSKgIhRAyyZB01LQwlQCTomey01lirJc/thumbnail.webp?time=8.02","aspectRatio":"1903:1080","duration":10.858333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T13:25:53.647Z","updatedAt":"2026-07-03T13:25:53.647Z"},{"id":"019f27a9-8ff8-7775-8d61-8b2d8b100ee6","title":null,"body":"

Here's a cool scroll wipe text animation I created in framer.

Let me know what you thing

Have a look

https://framer.com/remix/ieUlxC9ETFSpfTUBJR8O

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a cool scroll wipe text animation I created in framer. "}]},{"type":"paragraph","content":[{"type":"text","text":"Let me know what you thing"}]},{"type":"paragraph","content":[{"type":"text","text":"Have a look"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/remix/ieUlxC9ETFSpfTUBJR8O","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/remix/ieUlxC9ETFSpfTUBJR8O","target":"_blank"}}]}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/9MDThXZMqpLwM1025Cpm014wzXCIxz8G324W8pXZoDYJE.m3u8","metadata":{"posterUrl":"https://image.mux.com/9MDThXZMqpLwM1025Cpm014wzXCIxz8G324W8pXZoDYJE/thumbnail.webp?time=4.346","aspectRatio":"1897:1080","duration":9.3}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T11:07:31.709Z","updatedAt":"2026-07-03T11:07:31.709Z"},{"id":"019f2479-ff65-70c6-af9d-91e2c56909c0","title":null,"body":"

Drop standard scroll fades. Bring high-end editorial energy to your layouts.I built a fully dynamic Line Wipe Reveal component for Framer. A synchronized block mask slides across your text line-by-line as you scroll.

⚡️ Infinite text lines (Add/Delete right in the sidebar)

⚡ Zero-artifact rendering (No ugly 1px browser mask lines)

⚡️ 100% marketplace-safe & optimized

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop standard scroll fades. Bring high-end editorial energy to your layouts.I built a fully dynamic "},{"type":"text","text":"Line Wipe Reveal","marks":[{"type":"bold"}]},{"type":"text","text":" component for Framer. A synchronized block mask slides across your text line-by-line as you scroll."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":"️ Infinite text lines (Add/Delete right in the sidebar)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Zero-artifact rendering (No ugly 1px browser mask lines)"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":"️ 100% marketplace-safe & optimized"}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fzZSMIkbV5qJ6doRbaFA","resolved":true,"title":"Dynamic Text Wipe","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your typography with an editorial-grade text reveal animation inspired by cutting-edge, award-winning studio portfolios. As users scroll down the page, a sleek, solid color block sweeps across each line of text, perfectly unrolling the typography cleanly right in its shadow."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built entirely with performance and versatility in mind, this component sidesteps common browser rendering artifacts and sub-pixel outline leaks by utilizing structural tracking instead of unstable clip-paths. It’s fully dynamic, infinitely scalable, and meticulously designed to give your layouts an immediate sense of high-end interaction design."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite Layout Freedom:","marks":[{"type":"bold"}]},{"type":"text","text":" Add, delete, or reorder as many lines of text as you need directly within the Framer properties panel using native array controls."}]}]}]},{"type":"paragraph"},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flawless Rendering:","marks":[{"type":"bold"}]},{"type":"text","text":" Zero ghost lines or edge bleeding before, during, or after the scroll phase."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily tweak font size, weights, line heights, custom font families, and independent text or block accent colors directly from the sidebar."}]}]}]}]},"introduction":"Dynamic Line Wipe Reveal","slug":"dynamic-text-wipe","author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4/xb8uohvv","metadata":{"tint":{"h":240,"s":50,"l":6},"width":2644,"height":1944}}],"post":null,"createdAt":"2026-07-02T20:16:42.806Z","updatedAt":"2026-07-23T14:48:23.543Z","publishedAt":"2026-07-02T20:16:42.802Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Text-Reveal-MhtvaM.js@fnlMxhDSSpyrKvTzu2W9","previewUrl":"https://elegant-anything-730653.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"fnlMxhDSSpyrKvTzu2W9","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-02T20:16:42.853Z","updatedAt":"2026-07-02T20:16:42.853Z"},{"id":"019f1e0a-039f-714e-ae5e-a76fba6f5554","title":null,"body":"

Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results.

I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers.

Feel free to test it out on the live site link below and let me know what you think of the physics tuning!

👉 https://framer.link/ApjBfWx

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone! Just finished up my latest Framer component challenge and wanted to share the results."}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to create a vertical menu layout where layers felt like real-world physical objects sharing the exact same 2D plane. I ended up coding a component that uses a continuous loop to calculate mouse coordinates and apply a Repel force that spreads fluidly across neighboring layers."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Feel free to test it out on the live site link below and let me know what you think of the physics tuning!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" https://framer.link/ApjBfWx","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ApjBfWx","target":"_blank"}}]}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/cIN32ILHWkh302ycrJlCTlzliYfBnWs8aiZO45dWFdFA.m3u8","metadata":{"posterUrl":"https://image.mux.com/cIN32ILHWkh302ycrJlCTlzliYfBnWs8aiZO45dWFdFA/thumbnail.webp?time=8.131","aspectRatio":"256:127","duration":12.063333}}],"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":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-01T14:17:18.485Z","createdAt":"2026-07-01T14:16:40.615Z","updatedAt":"2026-07-01T14:17:18.485Z"},{"id":"019f1d47-779c-7340-b2c1-adf4b90749ca","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"5G2DZMrDnL6Hpide3SnS","resolved":true,"title":"Interactive Layout","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring raw tactile energy and micro-delight to your digital portfolios and landing pages. Kinetic Stack is an advanced, production-ready code component that transforms standard static button menus into a living, physics-infused environment."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Inspired by high-end motion design aesthetics, this component maps your cursor tracking data in real time, allowing custom canvas layers to gracefully evade or magnetize to the mouse while organically transferring kinetic velocity to neighboring layers. No overlapping, no complex keyframing—just pure, dynamic physics out of the box."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Key Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two Interactive Modes:","marks":[{"type":"bold"}]},{"type":"text","text":" Switch instantly between "},{"type":"text","text":"Repel (Evade)","marks":[{"type":"bold"}]},{"type":"text","text":" for an elastic UI that playfully shies away from the cursor, or "},{"type":"text","text":"Attract (Magnet)","marks":[{"type":"bold"}]},{"type":"text","text":" to draw elements elegantly toward the mouse track."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual-Orientation Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Works flawlessly as a "},{"type":"text","text":"Vertical","marks":[{"type":"bold"}]},{"type":"text","text":" feature stack or a "},{"type":"text","text":"Horizontal","marks":[{"type":"bold"}]},{"type":"text","text":" top-navigation menu. The collision physics automatically calculate and adjust vectors based on your layout axis."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite Slot Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Built utilizing a native Framer "},{"type":"text","text":"Array","marks":[{"type":"code"}]},{"type":"text","text":" control wrapper. Add, remove, or drag-and-drop to reorder an unlimited number of custom frames directly from your right-hand settings panel."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unified Z-Index Mechanics:","marks":[{"type":"bold"}]},{"type":"text","text":" Elements are hardcoded into a shared layout plane. They physically collide and push adjacent components out of the way without clipping or overlapping, ensuring flawless presentation."}]},{"type":"paragraph"}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Total Visual Autonomy:","marks":[{"type":"bold"}]},{"type":"text","text":" Because you link native Framer frames directly into the stack, you retain 100% control over typography, individual border radiuses, custom background states, and canvas hover effects."}]}]}]}]},"introduction":"Physics-infused layout component","slug":"interactive-layout","author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4/x26lw0ik","metadata":{"tint":{"h":40,"s":25,"l":31},"width":2110,"height":1213}}],"post":null,"createdAt":"2026-07-01T10:44:10.732Z","updatedAt":"2026-09-06T07:44:10.423Z","publishedAt":"2026-07-01T10:44:10.729Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Magnetic-playful-button-bvkUGv.js@XJGyeuMLEfzh3HFe97K2","previewUrl":"https://drab-brand-127508.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"XJGyeuMLEfzh3HFe97K2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":68,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-01T10:44:10.781Z","updatedAt":"2026-07-01T10:44:10.781Z"},{"id":"019eea4e-85a2-737c-9e02-9967e4ad50a3","title":null,"body":"

Here's a cool design animation I saw and I decide to create it in Framer

Grab the remix link here👇🏽

https://framer.com/remix/4AORgn1KwkD0tGSJdXYH

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Here's a cool design animation I saw and I decide to create it in Framer"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Grab the remix link here👇🏽"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/remix/4AORgn1KwkD0tGSJdXYH","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/remix/4AORgn1KwkD0tGSJdXYH","target":"_blank"}}]}]}]},"author":{"framerUserId":"db1300eb-efc4-4eb3-abf2-5ea3b32aa1c4","name":"Balogun Ilias","slug":"balogun-ilias","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3ShZhxGpyQheLKUNPMvps7FsSKpiH5JS5dqYqIbu3qw.m3u8","metadata":{"posterUrl":"https://image.mux.com/3ShZhxGpyQheLKUNPMvps7FsSKpiH5JS5dqYqIbu3qw/thumbnail.webp?time=14.198","aspectRatio":"719:484","duration":20.635}}],"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-06-21T13:11:15.110Z","updatedAt":"2026-06-21T13:11:15.110Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L57"}]