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

This is a Hover-Reactive Typography Component designed to spark user interest and provide visual delight. Standard text reacts organically to the movement of the mouse cursor, creating a dynamic, fluid-like interaction.

Key Features

Proximity-Based Scaling: Individual letters fluidly expand and significantly stretch based on the position and distance of the mouse cursor.
Color Transition: Colors can smoothly transition upon mouse hover.
Blend Mode Overlap: As the expanding letters overlap, they create a viscous effect, presenting a highly organic appearance.
Fluid Easing: By applying smooth easing effects, the letters naturally follow the mouse trajectory and seamlessly snap back to their original state once the cursor moves away.

Recommended Use Cases

It is highly suitable for hero sections of websites, creative portfolios of designers/developers, and landing pages where you want to instantly capture visitors' attention and encourage engagement. When utilized in a GNB (Global Navigation Bar), it catches the eye while adding a layer of sophisticated detail.

53:T59e,

Key Features

Customization: Freely replace visuals with your own 3D assets or images directly within the Framer canvas. Adjust them to fit your desired size.
No-Code: Although built with code, anyone can intuitively adjust the design without writing a single line of code via the Property Controls panel on the right side of the Framer editor.
Note: We highly recommend using this interaction in a Desktop environment.

How to Use Control the WaveLiquidHover section in the right Properties Panel to change the visual to your desired image:

Resize: Adjust the image fit using cover, contain, or stretch.
Lens Radius: Adjust the overall size of the distorted area.
Distortion Depth: Adjust the depth and intensity of the distortion.
Viscosity: Adjust the reaction speed and fluidity of the distortion effect.

Recommended For

Creators looking to build a visually striking design portfolio.
Those who want to effectively showcase key product features.
Builders of landing pages for creative agencies.
Any section of a website that requires engaging visual storytelling.

54:T9fd,

Overview

A unique 3D interactive gallery where fragmented cubes assemble into one. By clicking on each image, you can explore the details of the entire project and deliver a dynamic presentation.

Key Features

Dynamic 3D Puzzle Interaction: When you click an image in the gallery, the cubes rotate in a staccato rhythm, assembling into one large image like a puzzle being put together.
Intuitive No-Code Control: Although elaborately crafted with code, anyone can easily customize the design without any coding knowledge through Framer's right-side Property Controls.
Customization: You can customize the cube's Size, Gap, and Border Radius directly within the Framer canvas.
Detailed 3D Depth Expression: You can precisely adjust the color, opacity, and blur of the Drop Shadow and Inner Shadow to create a sense of depth that matches your project's mood.
Optimized 3x2 Grid: This interaction is optimized for a 3x2 arrangement consisting of 6 cubes and supports up to 6 main images.

How to Use

Upload up to 6 images in the Gallery Images property on the right panel of the component.
Adjust the Property Controls below to change it to your desired scale and design.
- Cube Size: Adjusts the size of a single visible cube. (Fixed 1:1 ratio)
- Gap: Adjusts the spacing between the cubes.
- Border Radius: Adjusts the roundness of the cube's corners.
- Drop Shadow / Inner Shadow: Turn the toggle 'On' and adjust the X/Y position, Blur, Spread, Color, and Opacity to add a three-dimensional effect.
Click the ← Back to Gallery button that appears after the puzzle is assembled to return to the original gallery state.

Recommended for

Those who want to break away from monotonous layouts and create a stylish design portfolio.
Those who want to present a more immersive preview of their work.
Those building a landing page for a creative agency or studio.
Those who want to deliver a strong visual impact to the Hero section of a website.

55:T4b9,

Interactive Anime Eyes Component 🌟

Bring your Framer projects to life! This fully interactive, ready-to-use anime eye component is perfect for adding a playful Easter egg to your personal page.

It perfectly blends high-quality vector design with Framer's powerful interactive features.

🚀 Key Features

Smooth Mouse Tracking: The pupils naturally follow your mouse cursor across the entire screen
Click-to-Blink: Tap the eyes to trigger a natural blinking animation
100% Customizable: Perfectly organized layer hierarchy. Easily change the eye colors, scale, and layout to fit your brand.

💡 How to Use

Click the Copy button to copy the component.
Open your Framer project and paste (Cmd+V / Ctrl+V) it directly onto your canvas.
Hit Preview and move your mouse around!

Tear apart the Code Overrides and Variants to study how the magic works. Enjoy!**Please note that the custom cursor is not included in the free version.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9fefdb1c-1f84-498a-a2f7-6f4fe9530f70-all:/unified/creator/9fefdb1c-1f84-498a-a2f7-6f4fe9530f70/activity/":[{"data":[{"id":"019ef4cf-3db1-760c-a9e0-1e30086d2cb3","type":"component.liked","target":{"type":"component","id":"z5uQBCqjKLGWWe8P1LPg","preview":"CMS Scroll Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/z5uQBCqjKLGWWe8P1LPg/cms-scroll-gallery-plWrdtq1rub3zKe7zz557JTaC0xVjz","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","slug":"ian-lee-0bobh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-23T14:08:02.988Z","latestAt":"2026-06-23T14:08:02.988Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9fefdb1c-1f84-498a-a2f7-6f4fe9530f70:/unified/posts/?creator=9fefdb1c-1f84-498a-a2f7-6f4fe9530f70&with=reposts":[{"data":[{"id":"019e8068-8968-78c3-b14a-6d9a012e6445","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"WRoj1wIcUjdnHiMZIER9","resolved":true,"title":"METABALLTEXT","body":"$52","bodyJson":null,"introduction":"Hover interaction","slug":"metaballtext","author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/WRoj1wIcUjdnHiMZIER9/meatballtext-j5iGOADV4SKAH7mWeglgsiHojRT6ha","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-26T01:15:29.949Z","updatedAt":"2026-09-15T17:23:51.263Z","publishedAt":"2026-05-31T23:39:55.112Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/MEATBALLTEXT-pmVEvS.js@ktklGrqIbe15MvO6nEre","previewUrl":"https://lively-evidence-397493.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"ktklGrqIbe15MvO6nEre","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":56,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T23:39:55.112Z","updatedAt":"2026-05-31T23:39:55.112Z"},{"id":"019e26d3-57f3-7edb-a9bf-1f388c9cc63e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8aR6U0Eq4XbDjukeDFQ4","resolved":true,"title":"Wave liquid Hover","body":"$53","bodyJson":null,"introduction":"Customizable wave hover effect","slug":"wave-liquid-hover","author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8aR6U0Eq4XbDjukeDFQ4/waveliquidhover-GZiUxgHmGFtqZmFGNAZRvQNyJ6gCXb","metadata":{"tint":{"h":0,"s":26,"l":63},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-07T09:14:03.538Z","updatedAt":"2026-05-14T13:37:14.195Z","publishedAt":"2026-05-14T14:10:45.363Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://ordinary-favorites-661003.framer.app/","price":"5","paymentUrl":"https://arki-ian.lemonsqueezy.com/checkout/buy/3aa960b6-3f49-47ab-af6f-f29df8bd85c2","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"XsCbsf98rOx7I9jFrj0X","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-05-14T14:10:45.363Z","updatedAt":"2026-05-14T14:10:45.363Z"},{"id":"019e0664-9418-7ddf-9c9a-c869efeca757","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"89MAcIOGfAE9ixP7rdCk","resolved":true,"title":"Grid 3x2 CubeGallery","body":"$54","bodyJson":null,"introduction":"3D cube flip motion interactive gallery","slug":"grid-3x2-cubegallery","author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/89MAcIOGfAE9ixP7rdCk/grid-3x2-cubegallery-4FN5Gm7XHNDyGQNG8yj7UvSx9F1eeb","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T09:18:23.607Z","updatedAt":"2026-05-07T15:23:16.453Z","publishedAt":"2026-05-08T07:01:55.352Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://open-symptoms-089263.framer.app/","price":"8","paymentUrl":"https://arki-ian.lemonsqueezy.com/checkout/buy/1e6b5636-2a90-4734-be64-f14438545bd2","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"kCO3ZPLbB7VC7tvhaEp1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-08T07:01:55.352Z","updatedAt":"2026-05-08T07:01:55.352Z"},{"id":"019d9376-aa86-74eb-ae54-e35696955c6b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bOW9yCjQ810wxhEid3gr","resolved":true,"title":"Anime Eye Follow","body":"$55","bodyJson":null,"introduction":"Anime Eyes that follow your cursor","slug":"anime-eye-follow","author":{"framerUserId":"9fefdb1c-1f84-498a-a2f7-6f4fe9530f70","name":"Ian Lee","slug":"ian-lee-0bobh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2090013/avatar-ncflqoKobWWVnq6wspVPCUSl5hLTfm.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bOW9yCjQ810wxhEid3gr/anime-eye-follow-nVhT4hB4i72zQ3Twr8sS6cWPj5LUl4","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-09T04:40:41.929Z","updatedAt":"2026-04-16T00:00:38.002Z","publishedAt":"2026-04-15T23:25:20.902Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Anime-eye-Iv8S9K.js@U5AvOnyRywy4Q2qJs0FE","previewUrl":"https://arkiian.framer.website/home","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"U5AvOnyRywy4Q2qJs0FE","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-04-15T23:25:20.902Z","updatedAt":"2026-04-15T23:25:20.902Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]