60: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"] 61:T663,

Cursor Path is a premium interactive grid component that engages users by revealing a trail of icons as they move their cursor. It transforms empty space into a dynamic experience, perfect for showcasing clients, tech stacks, portfolio works, or brand logos in a fun, memorable way.

Unlike standard marquee sliders, Cursor Path responds to the user. It features fine-tuned, "soft" animations—icons appear instantly to create a responsive trail and fade out with a gentle, ghostly transition.

Key Features

Interactive Trail: Icons pop up under the cursor and slowly fade away, creating a mesmerizing temporary path.
Premium Feel: Engineered with "soft" physics—no harsh blurs or snappy jumps. Just smooth opacity and scale transitions.
Mobile Ready: Fully supports touch events. Users can swipe their fingers across the screen to "paint" the grid on phones and tablets.
100% Customizable: Control every detail including grid columns/rows, box sizes, gap spacing, border radius, and colors.
Auto-Randomization: simply upload a list of images, and the component creates a unique pattern every time

How to use

Drag the component onto your canvas.
Upload your set of images (logos, icons, or photos) in the Icons usage section.
Adjust the Columns and Rows to fit your designated area.
Tweak the Fade Duration to control how long the trail lingers longer duration = longer trail).
Match the Box Color and Divider Color to your site's theme.

62:T829,

Styleguide is your essential tool for creating a complete and cohesive style guide directly within Framer. Stop wasting time manually setting up colors and fonts for every new project. With Styleguide, a professional, ready-to-use design system is just a few clicks away.

Features/Benefits (Use a bulleted list for readability):

Generate an entire style guide in seconds: Simply choose a font pairing and color palette from a curated library and watch your styles come to life.
Curated, Professional Palettes: Our hand-picked selection of typography and color palettes ensures your designs look polished and harmonious every time.
Semantic Tagging: All generated text styles are correctly tagged (H1, H2, P, etc.), ensuring your designs are accessible and SEO-friendly from the start.
Intuitive UI: A clean, easy-to-use interface makes style generation a seamless part of your workflow.

How it Works (Step-by-step instructions):

Open the Plugin: From the Framer Canvas, go to the Plugins menu and select "Styleguide."
Choose Your Fonts: Navigate to the "Fonts" tab and select your preferred font combination.
Choose Your Colors: Switch to the "Colors" tab and select a color palette.
Preview: Use the "Preview" tab to see how your selected fonts and colors work together before generating.
Generate: Click the "Generate Styles" button. All styles will be automatically created and organized under a "Styleguide" folder in your Styles tab.

Why Choose Styleguide? Styleguide is designed to save you hours of setup time on every project. Whether you're a beginner or a seasoned professional, this plugin provides a perfect foundation for building beautiful, accessible, and consistent designs.

5b:["$","$L60",null,{"value":{"fallback":{"$inf$activity-creator-d0ac73a5-eff6-4c05-b107-280836938aa5-all:/unified/creator/d0ac73a5-eff6-4c05-b107-280836938aa5/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:d0ac73a5-eff6-4c05-b107-280836938aa5:/unified/posts/?creator=d0ac73a5-eff6-4c05-b107-280836938aa5&with=reposts":[{"data":[{"id":"019d6224-fbd2-777a-9205-d7361031a8ed","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d0ac73a5-eff6-4c05-b107-280836938aa5","name":"Jeremiah Elegba","slug":"jeremiah-elegba","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"l35ev6PrDOzXaWL8sAyS","resolved":true,"title":"CursorPath","body":"$61","bodyJson":null,"introduction":"An Interactive cursor grid","slug":"cursorpath","author":{"framerUserId":"d0ac73a5-eff6-4c05-b107-280836938aa5","name":"Jeremiah Elegba","slug":"jeremiah-elegba","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/l35ev6PrDOzXaWL8sAyS/cursorpath-SgiQpmVTd8DFtat02I7XwzsxypKul9","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-19T01:35:13.907Z","updatedAt":"2026-04-03T09:52:26.793Z","publishedAt":"2026-04-06T09:34:44.178Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://generous-powerpoint-471084.framer.app/preview","price":"5","paymentUrl":"https://contra.com/payment-link/zGqSNG7m-cursor-path","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"8kKZHRRXHcj2Hbrpbw09","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-06T09:34:44.178Z","updatedAt":"2026-04-06T09:34:44.178Z"},{"id":"0199651e-ea41-79c5-85a6-3e1973bb9dfb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d0ac73a5-eff6-4c05-b107-280836938aa5","name":"Jeremiah Elegba","slug":"jeremiah-elegba","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"505","resolved":true,"title":"Styleguide","body":"$62","bodyJson":null,"introduction":"StyleGuide","slug":"styleguide","author":{"framerUserId":"d0ac73a5-eff6-4c05-b107-280836938aa5","name":"Jeremiah Elegba","slug":"jeremiah-elegba","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/505-IH6YRKJZcd4XDmAkEaB1YXZYiPThwP","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/plugins/505-I1FO2cDGayZjQxdPruu8fOXut24qs1","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-15T21:38:41.574Z","updatedAt":"2025-09-23T19:07:04.165Z","publishedAt":"2025-09-20T03:15:48.929Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"asxvfl3z7e3z5xjsqj7bsoago","paid":false,"categories":[{"id":"b238ea64-0ce9-413a-848d-43b73f0eea0f","name":"Styles","slug":"styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-20T03:15:48.929Z","updatedAt":"2025-09-20T03:15:48.929Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]