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

Framer Agents are absolutely insane 🔥🔥

I wanted to test how far the new Framer Agents could go.

So i tried to push it into something way more experimental:

An immersive flying experience.

A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.

And the craziest part of it all?

The interaction logic was developed in fewer than three prompts

The Agent helped me:

- structure the interactive component

- connect the character movement to the cursor

- create smooth motion behavior

- add a depth effect on press

- refine responsiveness

- build a custom immersive cursor that encourages users to move and interact

For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further.

I'd love to hear your thoughts on it. 😁

63:T609,

Flight Motion Experience

Why I created this

I wanted to see if Framer Agents could help create something more ambitious than a classic website section.

Not just a static hero but a real interactive web experience that feels cinematic and alive.

The concept

"Flight Motion Experience" is an immersive hero section where a character flies through a fast-moving natural landscape.

The experience reacts to the user:

mouse movement controls the character’s direction
pressing the mouse adds a stronger depth effect
a custom immersive cursor encourages interaction
the background creates a continuous sense of speed and motion

The goal was simple: make the user feel like they are entering a world, not just visiting a webpage.

How Framer Agents helped

Framer Agents helped me build and iterate faster.

I used them to structure the interactive component, connect the character movement to the cursor, refine the motion logic, improve responsiveness and test different interaction ideas directly inside Framer.

The creative direction stayed human.

But the Agents acted like a fast creative development partner, helping me turn the idea into a working interactive prototype much quicker.

Why this matters

I think this is where web design is heading.

With tools like Framer Agents, we can create experiences that are more immersive, more emotional and more memorable.

64:T1b23,

Premium Text Reveal — Scroll-Linked Text Animation for Framer

The most immersive scroll-triggered text animation component available for Framer. Each word — or each character — illuminates in perfect sync with your visitor's scroll position, creating a hypnotic narrative experience that keeps users engaged and scrolling.

Inspired by the text animations used on Linear, Apple, Vercel, and the world's most awarded design studios. Now available as a single drop-in Framer component with zero setup required.

---

What Makes It Different

Most text reveal components fire once when an element enters the viewport. Premium Text Reveal is scroll-linked — the animation is driven frame by frame by the exact position of the scroll. Scroll forward, words light up. Scroll backward, they dim. The result is a cinematic, interactive experience that feels alive.

This is the effect that makes visitors scroll twice just to see it again. The effect that makes your portfolio feel like a product launch.

---

Cinematic Effects Included

Dimming

The iconic word-by-word illumination made famous by Linear and Apple. Words start at low opacity and reveal to full brightness as they pass through the scroll zone. The most versatile effect — works on any background, any font size.

Color Shift

Text transitions from a neutral base color to a vibrant accent color of your choice. Perfect for brand-forward hero sections where you want specific words to land with maximum impact.

Blur Fade

Each word transitions from a soft, defocused blur to razor-sharp clarity as it enters the active scroll zone. Creates a dreamy, editorial feel ideal for storytelling sections, manifesto pages, and about pages.

Wave 3D

Every word rotates on its Y-axis like a ribbon in 3D space as it reveals. Powered by Framer Motion's hardware-accelerated transforms with perspective depth. The most dramatic effect in the collection — perfect for bold hero headlines.

Slide Mask

A cinematic masked slide-up per word. Each token emerges from behind an invisible clip mask — clean, precise, and unmistakably premium. Used by top-tier SaaS and agency websites.

Scale In

Words scale from 50% to full size with spring-physics elasticity. Combine with high stagger values for a cascading entrance that adds rhythm and energy to any section.

---

Full Property Panel Control

Every parameter is exposed as a native Framer property control — no code editing required after installation.

Animation

- Effect: choose from all 6 cinematic modes

- Split by: word-by-word or character-by-character

- Scroll start position: define exactly when text begins revealing

- Scroll end position: define exactly when text is fully revealed

- Overlap: controls how many words animate simultaneously

- Smoothing: spring-physics inertia from instant (0) to butter-smooth (1)

- Base opacity: how dim unrevealed words appear

Colors

- Text color

- Highlight / accent color (for Color Shift mode)

Typography

- Font size (10px – 220px)

- Font weight: Light · Regular · Medium · Semibold · Bold · Extra Bold · Black

- Letter spacing (tracking)

- Line height

- Text alignment: left · center · right

---

Built for Production

Premium Text Reveal is engineered for real-world deployment, not just demos.

- Powered by Framer Motion's native `useScroll` and `useSpring` APIs

- GPU-accelerated transforms — `opacity`, `transform`, `filter` only

- Zero layout shift — no reflow during animation

- Spring physics engine for scroll smoothing — no janky CSS transitions

- Compatible with Framer's auto-sizing system

- Works in both canvas preview and published sites

- Responsive — adapts to any container width, mobile included

- No external dependencies beyond Framer Motion (already included in Framer)

---

Perfect Use Cases

Hero sections — Make your opening headline impossible to ignore. Set a large font size, use Dimming or Color Shift, and let the text reveal itself as visitors begin scrolling.

Manifesto & about pages — Long-form sections where you want every sentence to land. Split by word with a slow smoothing value for maximum narrative impact.

SaaS landing pages — Feature section headlines, value proposition blocks, pricing page intros. The Blur Fade and Slide Mask effects pair perfectly with minimal SaaS aesthetics.

Portfolios & case studies — Project intro text, challenge/solution sections, results callouts. Wave 3D works beautifully on short, powerful statements.

Agency & studio websites — Where design is the product. Any effect. Maximum impact.

Editorial & digital magazines — Long reads, interviews, reports. Dimming keeps readers oriented and engaged throughout long-form content.

---

How to Use

1. Install the component from the Framer Marketplace

2. Drag it onto your canvas

3. Type your text in the property panel

4. Choose your effect, fonts, colors, and timing

5. Publish — it works exactly the same on your live site

No code editing. No configuration files. No dependencies to install.

---

Frequently Asked Questions

Does it work on mobile?

Yes. The component is fully responsive and the scroll-linked animation works on touch devices.

Can I use it with Framer CMS?

The text property accepts any string, including CMS-bound content via Framer's native variable binding.

Does it affect page performance?

No. All animations use GPU-composited properties (opacity, transform, filter). The spring physics run off the main thread via Framer Motion's optimized animation engine.

What happens to SEO — is the text readable by search engines?

Yes. The text is rendered as real HTML text in the DOM. Opacity and transform changes are purely visual and do not affect crawlability.

---

Cinematic Card Deck — Scroll-Linked 3D Card Stack for Framer

Not another card component. A cinematic experience that turns a standard feature section into the most memorable moment on your website.

Each card in the stack exists in real 3D space — with depth, blur, scale, and perspective that make you feel the weight of the pile. As your visitor scrolls, cards peel off the stack and fly away, revealing the next. The ambient glow shifts color. The active card tilts with the cursor. The text layers float at different depths. Every scroll position is a new frame of a film.

This is what separates a good Framer site from a great one.

What Happens When You Scroll

The stack comes alive the moment a visitor starts scrolling through your section. Here is exactly what they experience:

The top card sits sharp, fully lit, slightly tilted toward their cursor. Behind it, the next card is smaller, slightly blurred, set deeper in space. The card behind that is smaller still — and so on, up to 8 levels of visible depth.

As they scroll forward, the top card peels upward, rotates on its X-axis, fades out — and the second card smoothly rises to the front. The ambient glow behind the stack transitions to the new card's accent color. The progress indicator on the side pulses.

Scroll backward and everything reverses — perfectly, frame-accurately, because every animation is tied to scroll position, not a timer.

Every Layer of Immersion, Explained

Real 3D Depth with Perspective

Cards behind the active one are not just smaller — they are pushed back along the Z-axis using true CSS perspective and translateZ. Combined with progressive scale reduction, blur, and opacity, the stack looks like a physical object you could reach into the screen and touch.

Cursor Tilt on the Active Card

The front card tracks the mouse cursor and tilts up to 6 degrees toward it using spring-smoothed motion values. The effect is subtle enough to feel natural, dramatic enough to feel premium. It disappears cleanly when the cursor leaves.

Inner Parallax on Text Layers

Title, description, and tag each move at different speeds as a card enters or exits the active position. The title shifts 1.6× faster than the description. This creates the illusion that text elements are floating at different depths inside the card — like a real 3D object.

Per-Card Ambient Glow

Each card has its own accent color. When a card becomes active, a radial gradient glow behind the stack transitions to that color — bathing the entire section in a new atmosphere. Orange card, orange glow. Purple card, purple glow. Smooth crossfade between each transition.

Spring Physics Scroll Smoothing

All animations run through Framer Motion's useSpring — not a CSS transition, not a linear easing. A real spring with stiffness, damping, and mass. Scroll fast and the animation lags behind with inertia. Scroll slowly and every card position is perfectly controlled.

Progress Indicator

A minimal vertical dot indicator appears on the left or right side of the section. The active dot scales up and glows. All others fade to hints. Purely informational, visually satisfying.

3 Intensity Presets

Subtle

Gentle depth and rotation. Cards shift slightly in scale and Z-position. Ideal for corporate sites, editorial publications, or any context where restraint is a virtue. Still far more premium than a standard card component.

Standard

The balanced preset — maximum visual impact without ever feeling excessive. The default for SaaS landing pages, portfolios, and agency sites. This is the sweet spot for most projects.

Cinematic

Maximum depth, maximum perspective, maximum exit drama. Cards fly off the stack with a steep rotateX, deep Z-offset, and aggressive blur. For designers who want visitors to physically react when they see the section. Best used on hero sections and full-screen storytelling moments.

Full Property Panel Control

Every parameter is exposed as a native Framer property control. No code editing required after installation.

Per card (up to 8 cards):

Title
Description
Tag / label
Background color — text contrast adapts automatically
Accent color — drives the glow, dot, and bar for that card

Global:

Intensity preset: Subtle · Standard · Cinematic
Exit direction: cards fly upward or downward
Background color for the section
Card width and height
Border radius
Scroll length — total scroll distance to reveal all cards
Smoothing — spring inertia from instant to butter-smooth
Accent elements on/off — dots and bars
Progress indicator on/off — left or right position, color
Ambient glow on/off — with independent intensity slider

Smart Auto-Contrast

Card text color adapts automatically to each card's background. Dark cards get white text. Light cards get dark text. No manual adjustment needed, even when mixing light and dark cards in the same stack.

Built for Production

Scroll architecture: sticky section + useScroll targeting the full section height
Animation engine: Framer Motion useTransform + useSpring — no CSS transitions
GPU compositing only: opacity, transform, filter — never layout or paint
Zero layout shift on scroll
Cursor tilt uses useMotionValue + spring — no DOM event listeners that break SSR
Responsive: adapts to any container width set on the Framer canvas
Mobile: touch scroll fully supported, cursor tilt gracefully inactive
No external dependencies beyond Framer Motion (already included in Framer)
Compatible with Framer auto-sizing and layout system

How to Set Up

Install from the Framer Marketplace
Place the component on your canvas in a full-width section
Set the component height to at least 300–400vh — this is the scroll space
Edit your cards from the right panel: title, description, tag, colors, accent
Choose your intensity preset, adjust smoothing
Publish — the experience is identical on your live site

Perfect Use Cases

Hero feature sections — One card per core product feature. Scroll through your value proposition like flipping pages of a product catalogue.

Case study breakdowns — Challenge, Approach, Execution, Result. Four cards. Four atmospheric transitions. The most engaging way to present project work.

Service pages — Each service gets its own card and color atmosphere. Visitors scroll through your offer one chapter at a time.

Manifesto and about pages — Bold beliefs, one per card. The Cinematic preset with short punchy text is devastating.

Product launch sections — Use accent colors that match product visuals. The ambient glow creates an emotional connection between the card and its content.

Agency and studio portfolios — The effect itself signals craftsmanship before a single word is read.

Frequently Asked Questions

How many cards can I add? Up to 8. For Cinematic intensity, 3–5 cards gives the best pacing. For Subtle intensity, 6–8 cards works beautifully.

How do I control the scroll speed of the animation? Use the Scroll Length control. A value of 400vh means the full animation plays over 4 screen heights of scrolling. Increase for more cards, or for a slower, more deliberate reveal.

Does the cursor tilt work on mobile? The cursor tilt is mouse-driven and gracefully inactive on touch devices. All other animations work identically on mobile.

Can I bind card content to Framer CMS? Yes. All string and color properties accept variable binding, making this component fully compatible with CMS-driven content.

Does the ambient glow affect page performance? No. The glow is a single div with filter: blur() and opacity — two GPU-composited properties. It does not trigger layout or paint on transition.

Tags

cinematic card stack · 3d card animation · scroll card deck · scroll-linked animation · framer 3d · cursor tilt · parallax cards · ambient glow · premium framer component · framer motion · scroll reveal · card peel animation · sticky scroll · depth animation · framer scroll component · card deck framer · interactive cards · scroll interaction · feature section · storytelling component · product showcase · landing page framer · spring physics animation · immersive scroll · portfolio component · framer marketplace · card stack animation · scroll progress

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-bae0f8f4-b5e3-464d-926b-4542e295841f-all:/unified/creator/bae0f8f4-b5e3-464d-926b-4542e295841f/activity/":[{"data":[{"id":"019f6fcb-8dcf-764a-b2d6-a79741844343","type":"creator.followed","target":{"type":"creator","id":"827a339e-2d46-41b2-9f77-3f05c29de5a9","preview":"Nandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29583/avatar-UPfop9vtI2KgN6WreJoFN7Ytns0o9Q.jpg","slug":"framer-university","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T11:17:18.916Z","latestAt":"2026-07-17T11:17:18.916Z"},{"id":"019f4167-af84-7543-85e1-df479953bbb0","type":"post.liked","target":{"type":"post","id":"019f3e12-9390-73dc-98f4-2ab92e5accc0","preview":"Now Serving OCHA. https://framer.link/uwKARWC\nOCHA 💚 🩷 is a high-energy lifestyle cafe Framer template designed with fluid interactions, layered visual storytelling, expressive typography and high-contrast aesthetics that instantly deliver a captivating online brand experience.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now Serving OCHA. "},{"type":"text","text":"https://framer.link/uwKARWC","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/uwKARWC","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"OCHA "},{"type":"emoji","attrs":{"name":"green_heart","emoji":"💚"}},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"pink_heart","emoji":"🩷"}},{"type":"text","text":" is a high-energy lifestyle cafe Framer template designed with fluid interactions, layered visual storytelling, expressive typography and high-contrast aesthetics that instantly deliver a captivating online brand experience. "}]},{"type":"paragraph"}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3625e752-a44c-48a7-9a2a-eac8e788b703/1r7wz4vp","targetDeleted":false,"owned":false,"actions":{"postId":"019f3e12-9390-73dc-98f4-2ab92e5accc0","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-08T11:05:42.016Z","latestAt":"2026-07-08T11:05:42.016Z"},{"id":"019f28f6-d8df-76c3-bf57-2d1df34df1ac","type":"post.liked","target":{"type":"post","id":"019f2680-51c2-713e-82d0-55436ae3e736","preview":"We’re kicking off a new series of quick tips for @Framer Agents.\nFirst up: a simple way to use Agents to refine a page and polish the details faster.\nWatch over at https://framer.link/PIrTmGa","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’re kicking off a new series of quick tips for "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents."}]},{"type":"paragraph","content":[{"type":"text","text":"First up: a simple way to use Agents to refine a page and polish the details faster."}]},{"type":"paragraph","content":[{"type":"text","text":"Watch over at "},{"type":"text","text":"https://framer.link/PIrTmGa","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/PIrTmGa","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b9d6d905-df7a-4eb5-9124-415daa8fddf0/i4bp39lz","targetDeleted":false,"owned":false,"actions":{"postId":"019f2680-51c2-713e-82d0-55436ae3e736","like":{"count":149,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T17:11:33.841Z","latestAt":"2026-07-03T17:11:33.841Z"},{"id":"019f21c4-a584-71cb-90df-005b89a058b9","type":"post.liked","target":{"type":"post","id":"019f2182-43ea-731e-a97d-e3b6a04dc1eb","preview":"Made this Mask reveal interaction on @Framer \nHere is the remix link: https://framer.link/VUnRlrH","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made this Mask reveal interaction on "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Here is the remix link: https://framer.link/VUnRlrH"}]}]},"thumbnail":"https://image.mux.com/Kv302MPBDXEtbf5HxtNBo00muJb7fbfgcSMM801rofV4pw/thumbnail.webp?time=2.383","targetDeleted":false,"owned":false,"actions":{"postId":"019f2182-43ea-731e-a97d-e3b6a04dc1eb","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-02T07:39:23.375Z","latestAt":"2026-07-02T07:39:23.375Z"},{"id":"019f0974-31b5-761d-add6-0aa95f298a75","type":"comment.reply","target":{"type":"post","id":"019f083f-70ab-718d-b8ff-5564b267f5ff","preview":"I created a component using @Framer Agents that lets you control a web page with hand gestures 🖐😯\nYou can even pinch your fingers to click 🔥\nLink to try it out: https://gesture-museum.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a component using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents that lets you control a web page with hand gestures "},{"type":"emoji","attrs":{"name":"raised_hand_with_fingers_splayed","emoji":"🖐"}},{"type":"emoji","attrs":{"name":"hushed","emoji":"😯"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can even pinch your fingers to click "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link to try it out: "},{"type":"text","text":"https://gesture-museum.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://gesture-museum.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c/thumbnail.webp?time=1.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f0974-3196-71d6-943b-167d4fc8f2ef","preview":"Thanks! I just like to experiment and push the boundaries of web design 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! I just like to experiment and push the boundaries of web design "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f084e-6b3d-7449-a02f-0ce2dc8a3109"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T14:20:37.685Z","latestAt":"2026-06-27T14:20:37.685Z"},{"id":"019f0973-9515-743c-a6b1-ac6b9c340819","type":"comment.liked","target":{"type":"comment","id":"019f084e-6b3d-7449-a02f-0ce2dc8a3109","preview":"Omg thats so coool! How did you think of that idea!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Omg thats so coool! How did you think of that idea!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f084e-6b3d-7449-a02f-0ce2dc8a3109"},"repost":null}},"context":{"type":"post","id":"019f083f-70ab-718d-b8ff-5564b267f5ff","preview":"I created a component using @Framer Agents that lets you control a web page with hand gestures 🖐😯\nYou can even pinch your fingers to click 🔥\nLink to try it out: https://gesture-museum.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a component using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents that lets you control a web page with hand gestures "},{"type":"emoji","attrs":{"name":"raised_hand_with_fingers_splayed","emoji":"🖐"}},{"type":"emoji","attrs":{"name":"hushed","emoji":"😯"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can even pinch your fingers to click "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link to try it out: "},{"type":"text","text":"https://gesture-museum.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://gesture-museum.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c/thumbnail.webp?time=1.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T14:19:57.586Z","latestAt":"2026-06-27T14:19:57.586Z"},{"id":"019f0970-578d-706a-8e23-71b122f69fb6","type":"comment.reply","target":{"type":"post","id":"019f083f-70ab-718d-b8ff-5564b267f5ff","preview":"I created a component using @Framer Agents that lets you control a web page with hand gestures 🖐😯\nYou can even pinch your fingers to click 🔥\nLink to try it out: https://gesture-museum.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a component using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents that lets you control a web page with hand gestures "},{"type":"emoji","attrs":{"name":"raised_hand_with_fingers_splayed","emoji":"🖐"}},{"type":"emoji","attrs":{"name":"hushed","emoji":"😯"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can even pinch your fingers to click "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link to try it out: "},{"type":"text","text":"https://gesture-museum.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://gesture-museum.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c/thumbnail.webp?time=1.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f0970-577c-70fc-a9b9-9bb758da923d","preview":"Thanks! 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f08b3-16cb-7602-b3a5-3e6a9abe5dde"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T14:16:25.229Z","latestAt":"2026-06-27T14:16:25.229Z"},{"id":"019f0970-097c-7688-a988-af9e5c5f2481","type":"comment.liked","target":{"type":"comment","id":"019f08b3-16cb-7602-b3a5-3e6a9abe5dde","preview":"Cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f08b3-16cb-7602-b3a5-3e6a9abe5dde"},"repost":null}},"context":{"type":"post","id":"019f083f-70ab-718d-b8ff-5564b267f5ff","preview":"I created a component using @Framer Agents that lets you control a web page with hand gestures 🖐😯\nYou can even pinch your fingers to click 🔥\nLink to try it out: https://gesture-museum.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a component using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents that lets you control a web page with hand gestures "},{"type":"emoji","attrs":{"name":"raised_hand_with_fingers_splayed","emoji":"🖐"}},{"type":"emoji","attrs":{"name":"hushed","emoji":"😯"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can even pinch your fingers to click "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link to try it out: "},{"type":"text","text":"https://gesture-museum.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://gesture-museum.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c/thumbnail.webp?time=1.883","targetDeleted":false,"owned":true,"actions":{"postId":"019f083f-70ab-718d-b8ff-5564b267f5ff","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T14:16:05.240Z","latestAt":"2026-06-27T14:16:05.240Z"},{"id":"019f0843-5d2d-7668-bb8a-38d18e0778ae","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":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-27T08:47:40.328Z","latestAt":"2026-06-27T08:47:40.328Z"},{"id":"019ee23d-36a8-70ca-b2ba-39b39a67b666","type":"comment.reply","target":{"type":"post","id":"019ee037-3f57-77db-bd60-fb57b482e6b0","preview":"This is an animation you can create by combining AI and @Framer components.\nCool, right? 😎","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is an animation you can create by combining AI and "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" components."}]},{"type":"paragraph","content":[{"type":"text","text":"Cool, right? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]}]},"thumbnail":"https://image.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo/thumbnail.webp?time=23.4","targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee23d-3693-77a2-bb2d-8811c956211a","preview":"Thanks 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee03d-6108-762f-a3b5-7c6f31d5e0ee"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T23:35:23.048Z","latestAt":"2026-06-19T23:35:23.048Z"},{"id":"019ee23d-00e9-7114-9dfb-6a83a7ed2a2d","type":"comment.liked","target":{"type":"comment","id":"019ee03d-6108-762f-a3b5-7c6f31d5e0ee","preview":"it is amazing.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"it is amazing."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee03d-6108-762f-a3b5-7c6f31d5e0ee"},"repost":null}},"context":{"type":"post","id":"019ee037-3f57-77db-bd60-fb57b482e6b0","preview":"This is an animation you can create by combining AI and @Framer components.\nCool, right? 😎","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is an animation you can create by combining AI and "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" components."}]},{"type":"paragraph","content":[{"type":"text","text":"Cool, right? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]}]},"thumbnail":"https://image.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo/thumbnail.webp?time=23.4","targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T23:35:09.285Z","latestAt":"2026-06-19T23:35:09.285Z"},{"id":"019ee23c-f7b1-7641-b3fe-1eb86608d37f","type":"comment.reply","target":{"type":"post","id":"019ee037-3f57-77db-bd60-fb57b482e6b0","preview":"This is an animation you can create by combining AI and @Framer components.\nCool, right? 😎","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is an animation you can create by combining AI and "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" components."}]},{"type":"paragraph","content":[{"type":"text","text":"Cool, right? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]}]},"thumbnail":"https://image.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo/thumbnail.webp?time=23.4","targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee23c-f79e-76b6-888f-c3a2dd64d850","preview":"Thanks a lot, man. :) Here’s the process I used: \nCreating the 3D map with AI + zoomed-in shots\nNext, using the images, I generated the video clips (start frame – end frame). Once I had all my animated clips, I created a Framer component by adding my images and videos and adding buttons to create interaction. In the component, I set it up so that as soon as I click a button, the video plays.  \nIt’s a little complicated to explain like this, but feel free to ask if you have any questions 😅","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks a lot, man. :) Here’s the process I used: "}]},{"type":"paragraph","content":[{"type":"text","text":"Creating the 3D map with AI + zoomed-in shots"}]},{"type":"paragraph","content":[{"type":"text","text":"Next, using the images, I generated the video clips (start frame – end frame). Once I had all my animated clips, I created a Framer component by adding my images and videos and adding buttons to create interaction. In the component, I set it up so that as soon as I click a button, the video plays.  "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"It’s a little complicated to explain like this, but feel free to ask if you have any questions "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee038-e8df-715f-9de0-0f2c8ff1b26b"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T23:35:06.929Z","latestAt":"2026-06-19T23:35:06.929Z"},{"id":"019ee23c-ed68-7304-9745-aab3c616f2a3","type":"comment.liked","target":{"type":"comment","id":"019ee038-e8df-715f-9de0-0f2c8ff1b26b","preview":"Not cool.. it's awesome! Can you share how that's made ?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Not cool.. it's awesome! Can you share how that's made ?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee038-e8df-715f-9de0-0f2c8ff1b26b"},"repost":null}},"context":{"type":"post","id":"019ee037-3f57-77db-bd60-fb57b482e6b0","preview":"This is an animation you can create by combining AI and @Framer components.\nCool, right? 😎","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is an animation you can create by combining AI and "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" components."}]},{"type":"paragraph","content":[{"type":"text","text":"Cool, right? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]}]},"thumbnail":"https://image.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo/thumbnail.webp?time=23.4","targetDeleted":false,"owned":true,"actions":{"postId":"019ee037-3f57-77db-bd60-fb57b482e6b0","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T23:35:04.292Z","latestAt":"2026-06-19T23:35:04.292Z"},{"id":"019edeec-3499-769a-8d52-65c61d8a4d1a","type":"comment.reply","target":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edeec-346d-71e6-906c-8cf68aecbf09","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed646-6e24-73e8-9088-a41d6b5266c6"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:08:02.457Z","latestAt":"2026-06-19T08:08:02.457Z"},{"id":"019edeec-2590-7138-913a-b286bdc62300","type":"comment.liked","target":{"type":"comment","id":"019ed646-6e24-73e8-9088-a41d6b5266c6","preview":"Insane !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Insane !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed646-6e24-73e8-9088-a41d6b5266c6"},"repost":null}},"context":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:58.605Z","latestAt":"2026-06-19T08:07:58.605Z"},{"id":"019edeec-1a6b-70ed-a178-a64377395b8e","type":"comment.reply","target":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edeec-1a52-762d-9793-ad827d2753ce","preview":"Me too ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Me too "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed648-417c-75bf-bda7-142dd73861a9"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:55.755Z","latestAt":"2026-06-19T08:07:55.755Z"},{"id":"019edeeb-d883-73ef-8e3b-f5fc9bfa397c","type":"comment.liked","target":{"type":"comment","id":"019ed648-417c-75bf-bda7-142dd73861a9","preview":"Love it 👏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love it "},{"type":"emoji","attrs":{"name":"clap","emoji":"👏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed648-417c-75bf-bda7-142dd73861a9"},"repost":null}},"context":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:38.880Z","latestAt":"2026-06-19T08:07:38.880Z"},{"id":"019edeeb-d0ad-720c-bfec-1c21559392bd","type":"comment.reply","target":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edeeb-d099-75a4-afe4-3da31ab4c3d6","preview":"Thanks!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed769-1377-726e-a7f3-c8260bb77646"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:36.877Z","latestAt":"2026-06-19T08:07:36.877Z"},{"id":"019edeeb-9e36-746b-aadc-e57e881174cf","type":"comment.liked","target":{"type":"comment","id":"019ed769-1377-726e-a7f3-c8260bb77646","preview":"Great 🙌","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed769-1377-726e-a7f3-c8260bb77646"},"repost":null}},"context":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:23.954Z","latestAt":"2026-06-19T08:07:23.954Z"},{"id":"019edeeb-8f9a-71e4-843c-f6ec47a21df9","type":"comment.reply","target":{"type":"post","id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","preview":"Framer Agents are absolutely insane 🔥🔥\nI wanted to test how far the new Framer Agents could go.\nSo i tried to push it into something way more experimental:\nAn immersive flying experience.\nA cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor.\nAnd the craziest part of it all?\nThe interaction logic was developed in fewer than three prompts\nThe Agent helped me:\n- structure the interactive component\n- connect the character movement to the cursor\n- create smooth motion behavior\n- add a depth effect on press\n- refine responsiveness\n- build a custom immersive cursor that encourages users to move and interact\nFor designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. \nI'd love to hear your thoughts on it. 😁","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":30,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edeeb-8f83-72ca-8ba5-1303421891a0","preview":"Haha that was one of my sources of inspiration 😂🔥 Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Haha that was one of my sources of inspiration "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019edb6d-1871-76ff-8118-46df8185b779"},"repost":null}},"actors":[{"id":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","slug":"samba-sylla","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T08:07:20.218Z","latestAt":"2026-06-19T08:07:20.218Z"}],"pagination":{"next":"MjAyNi0wNi0xOVQwODowNzoyMC4yMThafDAxOWVkZWViLThmOWEtNzFlNC04NDNjLWY2ZWM0N2EyMWRmOQ","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:bae0f8f4-b5e3-464d-926b-4542e295841f:/unified/posts/?creator=bae0f8f4-b5e3-464d-926b-4542e295841f&with=reposts":[{"data":[{"id":"01a04409-9388-739b-914d-f2af707badd6","title":null,"body":"

My new website is live ;)

I’ve redesigned my portfolio to better reflect my approach to work: understanding the challenges, designing useful experiences, and creating interfaces with real personality.

UX/UI, art direction, Framer, interactions, immersive projects...

Would love to hear your thoughts 😁

Link : https://syllasamba.com/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My new website is live ;)"}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve redesigned my portfolio to better reflect my approach to work: understanding the challenges, designing useful experiences, and creating interfaces with real personality."}]},{"type":"paragraph","content":[{"type":"text","text":"UX/UI, art direction, Framer, interactions, immersive projects..."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear your thoughts "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link : "},{"type":"text","text":"https://syllasamba.com/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://syllasamba.com/","target":"_blank"}}]}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/AFzOZrWKtIAh4kr7bYTDo9tUQ9UmFbN2E00QFosB01S008.m3u8","metadata":{"posterUrl":"https://image.mux.com/AFzOZrWKtIAh4kr7bYTDo9tUQ9UmFbN2E00QFosB01S008/thumbnail.webp?time=14.681","aspectRatio":"1:1","duration":27.260567}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-27T16:24:51.028Z","createdAt":"2026-08-27T16:24:33.421Z","updatedAt":"2026-08-27T16:24:51.028Z"},{"id":"019f3d4f-f2af-7188-8b3d-bf83081c37d3","title":null,"body":"

I created this 3D animation using Claude and Framer.

Here’s the process:

- Guided Claude to create the 3D scene in Blender

- Exported the animation as a video

- Hosted the video to get a direct URL

- Generated a Framer Code Component

- Added the video URL inside the component

And here’s the result 🙂

You can test the demo here: https://illuminated-noodles-826867.framer.app/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created this 3D animation using Claude and Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Here’s the process:"}]},{"type":"paragraph","content":[{"type":"text","text":"- Guided Claude to create the 3D scene in Blender"}]},{"type":"paragraph","content":[{"type":"text","text":"- Exported the animation as a video "}]},{"type":"paragraph","content":[{"type":"text","text":"- Hosted the video to get a direct URL "}]},{"type":"paragraph","content":[{"type":"text","text":"- Generated a Framer Code Component "}]},{"type":"paragraph","content":[{"type":"text","text":"- Added the video URL inside the component"}]},{"type":"paragraph","content":[{"type":"text","text":"And here’s the result "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can test the demo here: "},{"type":"text","text":"https://illuminated-noodles-826867.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://illuminated-noodles-826867.framer.app/","target":"_blank"}}]}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/M01cHU9mRVixjuf4uXkHhFSMguv007ZjLKHx7Xl1or00900.m3u8","metadata":{"posterUrl":"https://image.mux.com/M01cHU9mRVixjuf4uXkHhFSMguv007ZjLKHx7Xl1or00900/thumbnail.webp?time=3.737","aspectRatio":"9:16","duration":15.1151}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-07T16:01:17.490Z","updatedAt":"2026-07-07T16:01:17.490Z"},{"id":"019f083f-70ab-718d-b8ff-5564b267f5ff","title":null,"body":"

I created a component using @Framer Agents that lets you control a web page with hand gestures 🖐😯

You can even pinch your fingers to click 🔥

Link to try it out: https://gesture-museum.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I created a component using "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agents that lets you control a web page with hand gestures "},{"type":"emoji","attrs":{"name":"raised_hand_with_fingers_splayed","emoji":"🖐"}},{"type":"emoji","attrs":{"name":"hushed","emoji":"😯"}}]},{"type":"paragraph","content":[{"type":"text","text":"You can even pinch your fingers to click "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link to try it out: "},{"type":"text","text":"https://gesture-museum.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://gesture-museum.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c.m3u8","metadata":{"posterUrl":"https://image.mux.com/S3Foay99bNH8NSZT1FxfB6nSVSHpeDDHOVoCT16gG5c/thumbnail.webp?time=1.883","aspectRatio":"1457:790","duration":9.033333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-27T08:43:23.184Z","updatedAt":"2026-06-27T08:43:23.184Z"},{"id":"019ef129-f542-710b-9afb-5658a9bb3805","title":null,"body":"

Final stretch before the end of the @Framer Hackathon 🔥🔥

Go ahead and like my submission if you think it's cool 😁👇

Link: https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/

It was a real pleasure to participate in this contest ;)

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Final stretch before the end of the @Framer Hackathon "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"Go ahead and like my submission if you think it's cool "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link: "},{"type":"text","text":"https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"It was a real pleasure to participate in this contest ;)"}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Vf01BrkOXewplvsQfQxsOwrrIJ02Ee2F3gMks3R01Ae6Fo.m3u8","metadata":{"posterUrl":"https://image.mux.com/Vf01BrkOXewplvsQfQxsOwrrIJ02Ee2F3gMks3R01Ae6Fo/thumbnail.webp?time=3.6","aspectRatio":"735:377","duration":8.916667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T21:08:39.367Z","updatedAt":"2026-06-22T21:08:39.367Z"},{"id":"019ee625-544f-74f2-9d4a-ea3983006f55","title":null,"body":"

New project in the works. I'll show you the final version soon 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New project in the works. I'll show you the final version soon "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/DzGiv9801NxM6to02C5DHUQk02Pb2ZKTg5WyMkzBN00zWSg.m3u8","metadata":{"posterUrl":"https://image.mux.com/DzGiv9801NxM6to02C5DHUQk02Pb2ZKTg5WyMkzBN00zWSg/thumbnail.webp?time=5.083","aspectRatio":"35:19","duration":12.9}}],"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-06-20T17:47:46.642Z","updatedAt":"2026-06-20T17:47:46.642Z"},{"id":"019ee037-3f57-77db-bd60-fb57b482e6b0","title":null,"body":"

This is an animation you can create by combining AI and @Framer components.

Cool, right? 😎

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is an animation you can create by combining AI and "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" components."}]},{"type":"paragraph","content":[{"type":"text","text":"Cool, right? "},{"type":"emoji","attrs":{"name":"sunglasses","emoji":"😎"}}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo.m3u8","metadata":{"posterUrl":"https://image.mux.com/U7SkR202boIi4ka8CWCaxaOrW022200dom8i3otd8J6tCo/thumbnail.webp?time=23.4","aspectRatio":"735:416","duration":27.6}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T14:09:37.627Z","updatedAt":"2026-06-19T14:09:37.627Z"},{"id":"019edae7-75b1-715f-82ea-f49bc58f9828","title":null,"body":"

Framer Agents are going to be addictive… 😅

I created a cinematic flight experience where the character reacts to your mouse movements and gains depth when you click.

The hero section was created entirely with AI agents. The result is amazing.

Try it out here 👇

https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/

I’d love to hear your thoughts.

@Framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are going to be addictive… ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph","content":[{"type":"text","text":"I created a cinematic flight experience where the character reacts to your mouse movements and gains depth when you click."}]},{"type":"paragraph","content":[{"type":"text","text":"The hero section was created entirely with AI agents. The result is amazing."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it out here "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/contests/agents-hackathon/submissions/E9Zc9WVAGs8hRJtN2HgDMZ/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"I’d love to hear your thoughts."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Z3R9nEcEAu8F8ZxaTR49gl2gmAqwkIftsNhctBBMjWI.m3u8","metadata":{"posterUrl":"https://image.mux.com/Z3R9nEcEAu8F8ZxaTR49gl2gmAqwkIftsNhctBBMjWI/thumbnail.webp?time=3.6","aspectRatio":"735:377","duration":8.916667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T13:24:22.586Z","updatedAt":"2026-06-18T13:24:22.586Z"},{"id":"019ed5ee-78d0-760d-b4b3-6675fe28b79e","title":null,"body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Agents are absolutely insane "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted to test how far the new Framer Agents could go."}]},{"type":"paragraph","content":[{"type":"text","text":"So i tried to push it into something way more experimental:"}]},{"type":"paragraph","content":[{"type":"text","text":"An immersive flying experience."}]},{"type":"paragraph","content":[{"type":"text","text":"A cinematic hero where a character flies through a fast-moving natural landscape, reacts to mouse movement, and gains extra depth when the user presses the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"And the craziest part of it all?"}]},{"type":"paragraph","content":[{"type":"text","text":"The interaction logic was developed in fewer than three prompts"}]},{"type":"paragraph","content":[{"type":"text","text":"The Agent helped me:"}]},{"type":"paragraph","content":[{"type":"text","text":"- structure the interactive component"}]},{"type":"paragraph","content":[{"type":"text","text":"- connect the character movement to the cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"- create smooth motion behavior"}]},{"type":"paragraph","content":[{"type":"text","text":"- add a depth effect on press"}]},{"type":"paragraph","content":[{"type":"text","text":"- refine responsiveness"}]},{"type":"paragraph","content":[{"type":"text","text":"- build a custom immersive cursor that encourages users to move and interact"}]},{"type":"paragraph","content":[{"type":"text","text":"For designers, this opens a completely new playground. It's just an experiment, but I think we can take this much further. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'd love to hear your thoughts on it. "},{"type":"emoji","attrs":{"name":"grin","emoji":"😁"}}]}]},"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed5ee-78d0-760d-b4b3-6a78d8cd9de1","contestId":"agents-hackathon","author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg"},"title":"Flight Motion","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flight Motion Experience"}]},{"type":"customHeading","content":[{"type":"text","text":"Why I created this"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"I wanted to see if Framer Agents could help create something more ambitious than a classic website section."}]},{"type":"paragraph","content":[{"type":"text","text":"Not just a static hero but a real interactive web experience that feels cinematic and alive."}]},{"type":"customHeading","content":[{"type":"text","text":"The concept"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"\"Flight Motion Experience\" is an immersive hero section where a character flies through a fast-moving natural landscape."}]},{"type":"paragraph","content":[{"type":"text","text":"The experience reacts to the user:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"mouse movement controls the character’s direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"pressing the mouse adds a stronger depth effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a custom immersive cursor encourages interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"the background creates a continuous sense of speed and motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was simple: make the user feel like they are entering a world, not just visiting a webpage."}]},{"type":"customHeading","content":[{"type":"text","text":"How Framer Agents helped"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Framer Agents helped me build and iterate faster."}]},{"type":"paragraph","content":[{"type":"text","text":"I used them to structure the interactive component, connect the character movement to the cursor, refine the motion logic, improve responsiveness and test different interaction ideas directly inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"The creative direction stayed human."}]},{"type":"paragraph","content":[{"type":"text","text":"But the Agents acted like a fast creative development partner, helping me turn the idea into a working interactive prototype much quicker."}]},{"type":"customHeading","content":[{"type":"text","text":"Why this matters"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"I think this is where web design is heading."}]},{"type":"paragraph","content":[{"type":"text","text":"With tools like Framer Agents, we can create experiences that are more immersive, more emotional and more memorable."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bae0f8f4-b5e3-464d-926b-4542e295841f/lmddn1ik","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://ivory-gecko-059365.framer.app/"},"winner":false,"createdAt":"2026-06-17T14:13:56.123Z","updatedAt":"2026-06-17T14:13:56.123Z"}],"categories":[],"tags":[],"likes":{"count":30,"liked":false},"comments":{"count":8},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T14:13:56.055Z","updatedAt":"2026-06-17T14:13:56.055Z"},{"id":"019e0976-cce3-705a-bc9e-c82ba7f8e0fb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"3v0iTTiP6kff7N0oV45n","resolved":true,"title":"Motion Text Reveal","body":"$64","bodyJson":null,"introduction":"Scroll-linked word animation for premium","slug":"motion-text-reveal","author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3v0iTTiP6kff7N0oV45n/motion-text-reveal-38tkBZe19J9mvpjbj0ZWpr2JLFpfp8","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-22T21:44:43.903Z","updatedAt":"2026-05-08T18:27:30.944Z","publishedAt":"2026-05-08T21:20:41.187Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AnimatedTextReveal-MYTOpF.js@i2bcFPGcjCEUCx0ht1ub","previewUrl":"https://frank-operators-732852.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"i2bcFPGcjCEUCx0ht1ub","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":27,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T21:20:41.187Z","updatedAt":"2026-05-08T21:20:41.187Z"},{"id":"019e07bc-6d96-7c61-8747-d676adeabd49","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"TIYppj4vIP7GrcoXlAbt","resolved":true,"title":"CinematicCardDeck","body":"$65","bodyJson":null,"introduction":"Scroll-linked 3D card deck with parallax","slug":"cinematiccarddeck","author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/TIYppj4vIP7GrcoXlAbt/cinematiccarddeck-XHLb5YPxbXRQFyHSf215etlKWKxUwr","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-23T22:11:20.563Z","updatedAt":"2026-06-13T21:49:11.079Z","publishedAt":"2026-05-08T13:17:29.878Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://creative-griffin-639931.framer.app/","price":"3","paymentUrl":"https://samsy-framer.lemonsqueezy.com/checkout/buy/5748194c-1ef1-49a6-9cbe-736b3bb32263","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"mfoGevnAVJ0CdkMYlvD1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":39,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T13:17:29.878Z","updatedAt":"2026-05-08T13:17:29.878Z"},{"id":"019b40e0-d97f-7344-a1bc-8fa991be43f1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"10966","resolved":true,"title":"monaswitch.com/","body":null,"bodyJson":null,"introduction":"MonaSwitch is a website that combines immersive animation and visual style. With 3D videos, hover effects, smooth transitions, and animated CTAs, each section has been designed to captivate visitors.","slug":"monaswitch-com","author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02KcblZ00KctFG4UHp5GDBlnr9THJbq01LjcD02IHY8Okg8.m3u8","metadata":{"posterUrl":"https://image.mux.com/02KcblZ00KctFG4UHp5GDBlnr9THJbq01LjcD02IHY8Okg8/thumbnail.webp?time=2.8","aspectRatio":"4:3","duration":45.6}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bae0f8f4-b5e3-464d-926b-4542e295841f/1txg2r6r"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bae0f8f4-b5e3-464d-926b-4542e295841f/ll9k3bul"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10966/screenshotTwo.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/10966/screenshotThree.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-21T12:27:16.221Z","updatedAt":"2025-12-21T12:27:16.221Z","publishedAt":"2025-12-21T12:27:16.223Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://monaswitch.com/","categories":[],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-21T12:27:16.223Z","updatedAt":"2025-12-21T12:27:16.223Z"},{"id":"019ae037-3ee9-7004-bd79-27777cb45bcb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rt3ChopmWnkSTR92ba96","resolved":true,"title":"Premium Timeline","body":"

Premium Scroll Timeline

This component is a premium scroll timeline designed to bring structure, clarity, and elegance to narrative experiences on your Framer websites.

As users scroll down the page, a smooth white vector line animates vertically, passing behind cards with subtle curves and premium transitions. Each card reveals its title and description one by one, creating a sense of progression and narrative immersion.

This component is customizable:

Card content
Colors
Font

The “Premium Timeline Scroll” is ideal for designers who want to enhance their pages with a sleek and luxurious touch without adding complexity.

Created with Framer's Workshop (AI).

","bodyJson":null,"introduction":"Animated scroll timeline component","slug":"premium-timeline","author":{"framerUserId":"bae0f8f4-b5e3-464d-926b-4542e295841f","name":"Samba SYLLA","slug":"samba-sylla","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/515102/avatar-meIDFj3igmTmTWQsHwx7xdalt20Fsz.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rt3ChopmWnkSTR92ba96/premium-timeline-6Wug8NYF41nxi7U1O8awaUQDDzisij","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-24T21:28:09.202Z","updatedAt":"2026-01-27T23:01:19.707Z","publishedAt":"2025-12-02T17:58:28.329Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://youthful-prototyper-271680.framer.app/","price":"5","paymentUrl":"https://samsy-framer.lemonsqueezy.com/checkout/buy/8fc74154-ff3c-4ea5-b246-7fddddd92fc6","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"R8yBPTf1nzaSCj55KeRJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":63,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-02T17:58:28.329Z","updatedAt":"2025-12-02T17:58:28.329Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]