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

3D card component with hover flipping. Features precision typography depth controls to isolate text from background layers with parallax motion.

🟢 Key Features

Hover-Triggered 3D Flip
Text Depth Calibration: Independent variable input to control the dimensional Z-index distance of typographic elements.
Dual-Face Layouts: Custom, separate media and text variables for both the front and back layout faces.
Font Control: Granular typography inputs for Eyebrow, Brand Name, and Hero Title variables.

🟡 Best For

Product Showcases
Portfolio Grids
Feature Highlights

🟣 Where to Use

Hero Sections: Deploy as primary interactive callouts or feature spotlights.
Bento Grids: Integrate into modern modular layouts to maximize information density without adding layout clutter.

63:T729,

Move past flat grids with a tactile browsing experience built around interactive depth. It hands you the keys to complex spatial layouts that feel incredibly natural to scroll, swipe, and click on any screen.

🟢 Key Features

Custom 3D Depth: Fine-tune the exact tilt intensity, card spacing, and corner rounding to build your ideal perspective.
Seamless Expansion: Let users click a card to watch it expand smoothly into a full-screen view without choppy layout shifts.
Video & Image Ready: Drop in mixed media with native support for autoplaying videos and adjustable aspect ratios.
Snappy Motion Physics: Tailor the spring stiffness and transition speeds to match your site's overall design language.
Built-in Typography: Position headers and descriptions anywhere on the card with flexible font styling and padding.

🟡 Best For

Design Portfolios: Displaying visual mockups and case studies with a premium, tactile interactive layer.
Creative Agencies: Crafting memorable, high-end site intros that stand out from cookie-cutter templates.
Product Showcases: Showing off physical goods or digital UI screens in a highly interactive format.

🟣 Where to Use

Hero Sections: Creating an immediate impact at the very top of your homepage.
Case Studies: Breaking up text-heavy pages with an engaging, interactive project gallery.
Media Carousels: Upgrading standard sliders into a dynamic, smooth-scrolling media wall.

64:T61d,

This component utilizes a high-stiffness spring architecture to deliver a signature "subtle bounce" during transitions. It creates a sophisticated 3D-like hierarchy by dynamically adjusting side scale and dimming to prioritize the center focal point.

🟢 Key Features

Dynamic Physics: Fine-tune Stiffness and Damping to achieve a natural, responsive bounce.
Visual Depth: Calibrate Side Scale and Dimming to create a professional 3D-like hierarchy.
Full Autonomy: Toggle Auto Play with custom Intervals for an effortless, timed showcase.
Total Layout Control: Precise command over Item Dimensions and Gaps for a pixel-perfect finish.

🟡 Best For

High-Fashion Lookbooks: Delivering a premium, physical feel for editorial horizontal content.
Creative Portfolios: Showcasing visual projects with high-fidelity, elastic transitions.
High-End UI: Adding a tactile, polished edge to standard image browsing components.

🟣 Where to Use

Product Showcases: Highlight inventory with seamless scaling and centered focus.
Hero Sliders: Replace static carousels with a physics-based, automated experience.
Mobile Galleries: Optimize for touch-ready, horizontal browsing with responsive feedback.

65:T417,

The Infinite Zoom component turns a standard image sequence into a seamless, deep-dive exploration. By layering your visuals in a recursive stack, it creates a professional "Droste Effect" that feels both cinematic and interactive.

Key Features

Infinite Image Stack: Upload as many images as you like to the gallery to build a non-stop, looping narrative.
Scroll-Sync Precision: The animation is bound to the user's scroll speed, providing a tactile sense of control as they move through the layers.
Speed (0.1–5): Customize how fast the images scale toward the viewer to match your site's energy.
Overlap (1–5): Adjust the transition density to ensure each new image fades in with perfect timing.
Layout Flexibility: Use the Radius control for modern rounded edges and Z-Index to manage your component's depth in any layout.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7-all:/unified/creator/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/activity/":[{"data":[{"id":"019f38f3-4cc3-710a-bba8-5f218f8a65d7","type":"component.created","target":{"type":"component","id":"hL54JSNqibJQAJ4qRj3a","preview":"3D Card Rotation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/pfuui18e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","slug":"sally-yang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-06T19:41:36.835Z","latestAt":"2026-07-06T19:41:36.835Z"},{"id":"019ed22d-03e9-75f1-8724-e5bd58afc149","type":"creator.followed","target":{"type":"creator","id":"8576eb45-a65a-403d-929d-3b4390a6e428","preview":"Anwar Raza","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/46166/avatar-0qtTvY5atCamiG19yf6Y5Qz5SLcGLn.jpg","slug":"itsanwarraza","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","slug":"sally-yang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-16T20:43:46.019Z","latestAt":"2026-06-16T20:43:46.019Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7:/unified/posts/?creator=18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7&with=reposts":[{"data":[{"id":"019f38f3-4c9a-7323-a3dd-9d715bbf843f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"hL54JSNqibJQAJ4qRj3a","resolved":true,"title":"3D Card Rotation","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D card component with hover flipping. Features precision typography depth controls to isolate text from background layers with parallax motion."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"green_circle","emoji":"🟢"}},{"type":"text","text":" Key Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover-Triggered 3D Flip","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Depth Calibration","marks":[{"type":"bold"}]},{"type":"text","text":": Independent variable input to control the dimensional Z-index distance of typographic elements."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual-Face Layouts","marks":[{"type":"bold"}]},{"type":"text","text":": Custom, separate media and text variables for both the front and back layout faces."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font Control","marks":[{"type":"bold"}]},{"type":"text","text":": Granular typography inputs for Eyebrow, Brand Name, and Hero Title variables."}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"yellow_circle","emoji":"🟡"}},{"type":"text","text":" Best For"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Showcases","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Grids","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Highlights","marks":[{"type":"bold"}]}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"purple_circle","emoji":"🟣"}},{"type":"text","text":" Where to Use"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Sections","marks":[{"type":"bold"}]},{"type":"text","text":": Deploy as primary interactive callouts or feature spotlights."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento Grids","marks":[{"type":"bold"}]},{"type":"text","text":": Integrate into modern modular layouts to maximize information density without adding layout clutter."}]}]}]}]},"introduction":"3D Card Rotation","slug":"3d-card-rotation","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/pfuui18e","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T19:41:36.756Z","updatedAt":"2026-07-08T08:54:47.020Z","publishedAt":"2026-07-06T19:41:36.752Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gray-feature-572002.framer.app/","price":"4","paymentUrl":"https://buy.polar.sh/polar_cl_OSr5JLaPb7SUyPCEHc2F2GSdIw0VVkTccVpV11l8KoR","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"mpfftjLusspTCd9krr6v","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T19:41:36.795Z","updatedAt":"2026-07-06T19:41:36.795Z"},{"id":"019eb7b4-73e9-79b1-9393-b9648076ad4e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"48VmNgnGw2zG6cJXidk9","resolved":true,"title":"3D Tilt Carousel","body":"$63","bodyJson":null,"introduction":"Immersive 3D tilt card gallery","slug":"3d-tilt-carousel","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/kc54yc3r","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-29T14:53:42.900Z","updatedAt":"2026-07-08T20:23:27.959Z","publishedAt":"2026-06-11T17:21:57.225Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://distinct-leaders-557234.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_4xUqsLvaGcNTq7XjDuBbhSHJX2bND7t5zJHAI4Jbm45","workshop":true,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"MdKKZvHEl8bZjaLL0bqn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-11T17:21:57.225Z","updatedAt":"2026-06-11T17:21:57.225Z"},{"id":"019ce699-816c-7efb-9951-ca09eb3ac774","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ACoSKHo49vrUCWhiJJro","resolved":true,"title":"Bounce Carousel","body":"$64","bodyJson":null,"introduction":"Infinite Flexible Control Carousel","slug":"bounce-carousel","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/PhEnmomAsomdUX2Akxpn/bounce-carousel-dVeuqVbep5vNbwTg8JWiDJ9ZI1QUrQ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-06T22:09:01.270Z","updatedAt":"2026-03-13T09:41:38.380Z","publishedAt":"2026-03-13T09:49:05.772Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fortuitous-ideas-485374.framer.app/","price":"3","paymentUrl":"https://buy.polar.sh/polar_cl_669n5TRTv6CBklkVIhuvkzVWJM6r035lfw88Y1SQ6yE","workshop":true,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"YHWeEsVL5SgUp9XJwknf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-13T09:49:05.772Z","updatedAt":"2026-03-13T09:49:05.772Z"},{"id":"019ce19e-0efb-79e5-8134-ec6f98ec3f31","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"R1Ul4YclYWS32n1HRCB6","resolved":true,"title":"Dual Fonts","body":"

The Dual Font Animation component brings a dynamic, editorial feel to your typography. By alternating between two distinct font families, you can create high-contrast headlines that feel custom-designed and modern.

Key Functions:

Text Input
Unified Sizing
Change font size
Dual Font Selection
Color Customization
Speed Control

","bodyJson":null,"introduction":"Create dynamic, multi-style typography.","slug":"dual-fonts","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/R1Ul4YclYWS32n1HRCB6/dual-fonts-eMbF2NvUsPCferuST7eKfyYAIHfB9e","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-27T16:57:29.090Z","updatedAt":"2026-03-12T09:53:56.693Z","publishedAt":"2026-03-12T10:35:58.075Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/DualFontAnimation-Gcjx1Y.js@oNvFNNoeZdiEUMDqA84x","previewUrl":"https://involved-tour-843354.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"oNvFNNoeZdiEUMDqA84x","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":54,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-12T10:35:58.075Z","updatedAt":"2026-03-12T10:35:58.075Z"},{"id":"019cdd98-d7c6-70aa-86dd-3b28119cbe0e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"vwlrzrSCqi4zouDvEShk","resolved":true,"title":"Infinite Zoom","body":"$65","bodyJson":null,"introduction":"Infinite depth, captured in a scroll.","slug":"infinite-zoom","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/vwlrzrSCqi4zouDvEShk/recursive-zoom-Gz7fruOqCFKISZoZuNrBllHOsXUZud","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-27T16:40:03.583Z","updatedAt":"2026-03-11T15:51:18.023Z","publishedAt":"2026-03-11T15:51:47.398Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://best-haggis-524280.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_aDYBSbFArPGPRbXKkwfRAZrn0y2BMbjcdKqIw2IwCqf","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"49Nk7nHBhRTVvo2nwRDy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-11T15:51:47.398Z","updatedAt":"2026-03-11T15:51:47.398Z"},{"id":"019c712e-6161-7209-bd5b-8a2055efe86b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"i8NFRCMcYydUTacf8QEW","resolved":true,"title":"Word Magnet Rotation","body":"

The Word Magnet component makes text feel alive. Each word responds to your cursor with a gentle magnetic pull and optional rotation, then smoothly settles back using spring-based motion. You can easily control the amount of rotation to add a soft sense of tilt and direction, keeping the interaction playful while staying easy to read.

Key Features

Radius (50–300px): How far the cursor reaches
Force (0.1–1.0): How strong the pull feels
Rotation (0–30°): Adds a subtle tilt per word
Stiffness (10–400): How quickly words snap back
Damping (5–50): How smooth or bouncy the motion is
Return Delay (0–1000ms): Pause before returning to rest

It supports full typography controls, works with multi-line text, and adapts to different layouts.

","bodyJson":null,"introduction":"Directional pull with subtle rotation","slug":"word-magnet-rotation","author":{"framerUserId":"18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7","name":"Sally Yang","slug":"sally-yang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18fb31fd-cb22-40f7-86d5-d5eb11a1e8b7/9ik4mss8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/i8NFRCMcYydUTacf8QEW/word-magnet-rotation-R9DHLCQ3GDsaMQ6i9wxS0rvUdOsMaX","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-31T23:17:39.152Z","updatedAt":"2026-03-06T21:52:01.416Z","publishedAt":"2026-02-18T14:36:30.945Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dandy-focus-402059.framer.app/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_dOBOQF2hMwzIovxnPzQv0U6YIwCJO6BK31ZD82smEFW","workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"W6wWChMHDKxGCBBWg5HF","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T14:36:30.945Z","updatedAt":"2026-02-18T14:36:30.945Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]