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

Bring depth, motion, and premium interaction to your Framer projects with the 3D HoverStack Card Animation component. Designed for portfolios, hero sections, product showcases, and creative landing pages, this component uses smooth 3D transforms to create an immersive layered card effect that reacts beautifully on hover.

Perfect for designers, creators, and marketers looking to add a high-impact visual element without any code.

Interactive 3D Hover EffectEye-catching layered animation that adds depth and movement to your layout.
Fully Customizable ContentReplace images, titles, and descriptions directly from the right panel—no editing required.
Responsive & Performance-OptimizedWorks smoothly across all screen sizes with clean, efficient animations.
Ideal for Multiple Use CasesPerfect for portfolios, product highlights, case study previews, hero sections, galleries, and marketing pages.
Easy to Use in Any Framer ProjectSimply drag, drop, and connect—the component adapts to your page instantly.
Modern & Minimal Visual StyleClean floating cards that enhance your visual storytelling without overwhelming the layout.

52:T499,

macOS Dock Component for Framer

This component replicates the look and feel of the macOS dock, fully customizable for use in Framer projects. It’s perfect for desktop UI concepts, OS mockups, and interactive prototypes.Main Features:

Variants: Choose different dock styles for various looks.
Dock Color: Adjust the background color to match your design.
Profile & Image: Easily add profile pictures or custom dock images.
Background Blur: Control the blur effect for a polished macOS aesthetic.

App Icon Properties:

Dot Indicator: Show active app status with a dot.
Title & Tooltip: Display labels and tooltips for better clarity.
Background Glow & Border: Highlight active or hovered icons.
Custom Images: Swap in your own app icons with ease.

This component is designed to be flexible and user-friendly, giving you the power to quickly create beautiful, interactive macOS-style docks.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-c4cec9d4-df30-4679-94fb-6faa220caa38-all:/unified/creator/c4cec9d4-df30-4679-94fb-6faa220caa38/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:c4cec9d4-df30-4679-94fb-6faa220caa38:/unified/posts/?creator=c4cec9d4-df30-4679-94fb-6faa220caa38&with=reposts":[{"data":[{"id":"019b2a61-4467-789d-8681-4fef57562346","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FqmvSBk3cdi7Np2g4poD","resolved":true,"title":"3D Card Animation","body":"$51","bodyJson":null,"introduction":"","slug":"3d-card-animation","author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FqmvSBk3cdi7Np2g4poD/3d-card-animation-Ir8BifjoZI3VkUir2XALFttWJM28uR","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-09T15:25:48.629Z","updatedAt":"2025-12-15T20:58:37.045Z","publishedAt":"2025-12-17T03:36:16.231Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/3D-Card-Animation-odtt.js@SFj1s6ecpSisg6vUsuXw","previewUrl":"https://magenta-beginning-349567.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"SFj1s6ecpSisg6vUsuXw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-17T03:36:16.231Z","updatedAt":"2025-12-17T03:36:16.231Z"},{"id":"0199c405-8994-716b-a3fc-8d126226c07f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XV9cDQMss8NXewPL9jyE","resolved":true,"title":"Interactive 3D Card ","body":"

Features & Highlights

Realistic 3D tilt / rotation effect based on cursor position
Smooth transitions and animations
Customizable perspective, depth, and motion speed
Easy to integrate and style directly inside Framer
Works well for card layouts, portfolios, image grids, product previews
Lightweight & performant — optimized for both desktop and mobile

Usage Tips

Drop this component into your Framer project
Adjust rotation sensitivity, transition speed from animation window, and perspective
Add images, text, or layered content inside your card
Combine with other effects (shadows, lighting, parallax) for more richness

","bodyJson":null,"introduction":"","slug":"interactive-3d-card","author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/XV9cDQMss8NXewPL9jyE/interactive-3d-card-c6eea42zd1gUmwu2VTXJ4EWFyYrAXr","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-02T07:57:43.213Z","updatedAt":"2025-10-08T13:31:57.352Z","publishedAt":"2025-10-08T13:32:01.300Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Card-3D-Hover-RRSf.js@9LoiXypaBAyb9eRaxde4","previewUrl":"https://youthful-hands-509618.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"9LoiXypaBAyb9eRaxde4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-08T13:32:01.300Z","updatedAt":"2025-10-08T13:32:01.300Z"},{"id":"01989eff-cd97-77af-9e83-e57e2a3b1aff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Qs7TuEdYNIATh6AqWwZi","resolved":true,"title":"Dock","body":"$52","bodyJson":null,"introduction":"","slug":"dock","author":{"framerUserId":"c4cec9d4-df30-4679-94fb-6faa220caa38","name":"Umang Waghela","slug":"umang-waghela","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/144445/wVbbFRHUt-WkGedIzLrzc6g0Xl7u2IvX3X8aFAYZ","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Qs7TuEdYNIATh6AqWwZi/dock-DYIksu1Mc15xYqwjMFwmTYg60TZdrm","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-02T06:06:25.055Z","updatedAt":"2026-06-07T12:41:45.062Z","publishedAt":"2025-08-12T15:57:01.207Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Dock-tc8R.js@cS363DtFAgtMtAbRC5P4","previewUrl":"https://methodical-dance-451006.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"cS363DtFAgtMtAbRC5P4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":101,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-12T15:57:01.207Z","updatedAt":"2025-08-12T15:57:01.207Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]