52:I[267044,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/3xktnaujy87te.js","/creators-assets/_next/static/immutable/chunks/3futvmn4fb096.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1n4sz3rar6_gg.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3gipqcylfnv5h.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1ftf6fdyz0hh4.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/22bknn11ingiw.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/266ocjpppah0s.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 53:T14f8,

LeafletMap

LeafletMap is an interactive map component for Framer that allows you to display custom locations with a cinematic visual style. The component is powered by Leaflet and includes built-in controls for map styling, markers, typography, zoom behavior, and live coordinates.

Everything is controlled directly inside the Framer properties panel, so you can customize the experience without editing the code after installation.

The component automatically:

Loads the Leaflet library
Applies map styles
Creates interactive markers
Handles zoom and drag interactions
Displays live coordinates
Supports external links for pins

It is designed to work well for travel websites, hotel experiences, real estate platforms, architecture portfolios, agency sites, and immersive storytelling pages.

How to Use the Component

1. Add the Component to Framer

Create a new Code Component in Framer
Paste the component code into the file
Save the component
Drag the component onto your canvas

The map will immediately render with the default location and settings.

2. Set the Map Location

Use these controls to position the map:

Latitude

Controls the vertical position on the globe.

Examples:

Paris → 48.8566
New York → 40.7128

Longitude

Controls the horizontal position.

Examples:

Paris → 2.3522
New York → -74.0060

Zoom Level

Controls how close the camera is to the location.

Recommended values:

2 → World view
5 → Country view
10 → City view
15 → Street level

3. Choose a Map Style

The component includes multiple map themes:

Dark

Minimal dark map without labels.

Dark + Labels

Dark theme with roads and place names visible.

Light

Minimal clean light map.

Light + Labels

Light theme with visible labels.

Classic

Balanced modern map style.

Street Map

Traditional OpenStreetMap appearance.

Choose the style that best matches your website branding.

4. Add Markers (Pins)

Inside the Pins section, you can add multiple locations.

Each marker supports:

Name

The label displayed beside the pin.

Example:Suryagarh

Latitude and Longitude

The exact location of the marker.

Link

Optional external URL opened when the marker is clicked.

Examples:

Hotel booking page
Portfolio project
Google Maps page
Event page

Pin Color

Customize the pin color to match your design system.

5. Customize Typography

The component includes separate typography controls for:

Header Font

Controls the title shown at the top.

Coordinates Font

Controls the live coordinate display at the bottom.

Pin Label Font

Controls the labels attached to markers.

You can adjust:

Font family
Font size
Font weight
Letter spacing

This allows the map to visually match the rest of your website.

6. Enable or Disable Coordinates

The Show Coordinates option displays a live latitude and longitude readout at the bottom of the map.

When enabled:

Coordinates update automatically as the map moves
Creates a more interactive experience

When disabled:

The coordinate display is hidden

7. Control User Interaction

Scroll to Zoom

Allows users to zoom using:

Mouse wheel
Trackpad
Pinch gestures

Allow Panning

Allows users to drag and move the map freely.

Disable this if you want the map to remain fixed.

8. Enable Cinematic Edge Fade

The Edge Fade option adds a soft vignette around the edges of the map.

This helps:

Focus attention toward the center
Create a premium cinematic appearance
Blend the map into dark layouts

Recommended Use Cases

This component works especially well for:

Luxury hotel websites
Travel experiences
Real estate listings
Architecture portfolios
Interactive landing pages
Storytelling websites
Tourism platforms
Event showcases
Agency websites

Performance Notes

The component:

Loads Leaflet only once
Uses lightweight map tiles
Supports smooth zooming and panning
Works responsively inside Framer layouts

For best performance:

Avoid adding too many markers at once
Use optimized external links
Keep zoom levels appropriate for the experience you want to create

54:T7ed,

What it does

Animates text by scrambling each character before settling on the final letter.
Supports direction-based shuffling, staggered timing, optional color interpolation, hover/in-view triggers, and looping.

How it works

Splits text into characters.
Each character cycles through random symbols (scrambleCharset) shuffleTimes times.
Animation timing is controlled by duration (per character) and stagger (between characters).
Uses useInView to trigger on scroll and hover logic if enabled.
Looping restarts the animation after total duration + loopDelay.

Key features

Triggers: on scroll (once or repeat), on hover, or looped.
Direction: shuffle left or right.
Color: optional transition from colorFrom → colorTo across progress.
Typography: supports Framer Font control (size, weight, spacing, alignment).
Responsive: inline characters with spacing for spaces.

Main props

Text & style: text, color, fontSize, fontWeight, font
Animation: duration, stagger, shuffleTimes, shuffleDirection
Scramble: scrambleCharset
Color transition: enableColorTransition, colorFrom, colorTo
Triggers: triggerOnce, triggerOnHover
Looping: loop, loopDelay

Defaults

Text: “Shuffle Text”
Duration: 0.5s, Stagger: 0.04s, Shuffle times: 3
Direction: right
Color transition: off
Trigger once on view, no loop

Use case

Eye-catching headings or hero text in Framer with fine-grained animation control.

51:["$","$L52",null,{"value":{"fallback":{"$inf$activity-creator-2201c2b3-54a1-4f38-bc7c-8b7ad3106761-all:/unified/creator/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/activity/":[{"data":[{"id":"01a12fae-cc11-71b8-a442-5e0165a17588","type":"site.created","target":{"type":"site","id":"18319","preview":"Nodogoro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/01a12fa5-067f-770c-b1ee-9eb000fdaba2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-10-12T10:35:47.089Z","latestAt":"2026-10-12T10:35:47.089Z"},{"id":"01a0360a-f23c-7724-8a9f-bbe4864cfcdf","type":"template.liked","target":{"type":"template","id":"70769","preview":"Genora","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3267055-8b7a-4d57-819b-a04a4ca44a27/019fd460-e54f-749d-952d-a79b2bdc3290.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-24T23:11:22.164Z","latestAt":"2026-08-24T23:11:22.164Z"},{"id":"019ff845-79cb-743d-9b5b-889a6be9d987","type":"template.liked","target":{"type":"template","id":"71101","preview":"Arlen Carter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/964b7926-13da-49ba-acd3-f7a5a435be32/019ff0ec-4c0f-752d-90d3-ccee28dbb165.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-12T23:18:50.565Z","latestAt":"2026-08-12T23:18:50.565Z"},{"id":"019f5ccb-a269-779b-ba54-2e9a7586f5fd","type":"post.liked","target":{"type":"post","id":"019f524d-753d-70b9-952a-8f86f4bbbb36","preview":"🚀 ASCII Studio is now available.\nTurn any image or video into beautiful ASCII art directly in Framer.\nFeatures: • Image & video support • Live preview • Custom character sets • Multiple rendering styles • Typography controls • Real-time adjustments","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"ASCII Studio is now available.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn any image or video into beautiful ASCII art directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Features: • Image & video support • Live preview • Custom character sets • Multiple rendering styles • Typography controls • Real-time adjustments"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f524d-753d-70b9-952a-8f86f4bbbb36","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T18:44:37.092Z","latestAt":"2026-07-13T18:44:37.092Z"},{"id":"019ef669-2626-73bf-b382-39c77977317d","type":"post.liked","target":{"type":"post","id":"019ef037-7f11-71b1-a897-24cee9a662d4","preview":"We just released a new AI SaaS Framer template called Reelai.\nIt’s designed for startups, SaaS products, and tech companies that want to launch fast with a clean, modern, and conversion-focused website.\nIf you’re building something in the AI/SaaS space, this might help speed things up.\nCheck it out here","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We just released a new AI SaaS Framer template called "},{"type":"text","text":"Reelai","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s designed for startups, SaaS products, and tech companies that want to launch fast with a clean, modern, and conversion-focused website."}]},{"type":"paragraph","content":[{"type":"text","text":"If you’re building something in the AI/SaaS space, this might help speed things up."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://hy.chujiqiqi.com/@launchly/","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/aOTI01Vjs5IxwYvIW9JsUApYpFQAKNZADdtBHxBVgYcM/thumbnail.webp?time=25.901","targetDeleted":false,"owned":false,"actions":{"postId":"019ef037-7f11-71b1-a897-24cee9a662d4","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T21:35:46.721Z","latestAt":"2026-06-23T21:35:46.721Z"},{"id":"019ee090-8cef-714b-88d9-227ab208493f","type":"component.liked","target":{"type":"component","id":"qhZ5KcL6STqNw5gCpUiE","preview":"Text Preloader","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qhZ5KcL6STqNw5gCpUiE/text-preloader-1mHcVtqnrciU5riGD5ghmJVsTnEfuL","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-19T15:47:10.186Z","latestAt":"2026-06-19T15:47:10.186Z"},{"id":"019ee090-6763-73db-af39-cbc68fac0c9a","type":"creator.followed","target":{"type":"creator","id":"964b7926-13da-49ba-acd3-f7a5a435be32","preview":"Launchly","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/42195/avatar-P5KEQh3i8lCygCbGl98ea73Nt50c0d.jpg","slug":"launchly","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T15:47:00.576Z","latestAt":"2026-06-19T15:47:00.576Z"},{"id":"019ee090-5aff-754a-a177-25a8d05afa40","type":"component.liked","target":{"type":"component","id":"emwgMGraoEmLXepobklE","preview":"Cinematic Video","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bk5yHJvw7dN6hWCT4kmA/cinematic-video-FHAArzVbcy8km0oSjtTbO90oSSfyMm","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-19T15:46:57.397Z","latestAt":"2026-06-19T15:46:57.397Z"},{"id":"019ee090-52e9-758f-823a-07c75fc62da0","type":"component.liked","target":{"type":"component","id":"47Xa30sCP0hgzTxfwMPQ","preview":"Business_Input","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/47Xa30sCP0hgzTxfwMPQ/business-input-LFmNwaqka3TDfwQNuMgeuxZHHAD25C","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-19T15:46:55.332Z","latestAt":"2026-06-19T15:46:55.332Z"},{"id":"019edf75-8bc2-767f-830a-9869440660ec","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:38:03.199Z","latestAt":"2026-06-19T10:38:03.199Z"},{"id":"019edf75-80af-733d-b9a6-0b5899c1f6db","type":"creator.followed","target":{"type":"creator","id":"0a227160-0555-457e-b5ca-ae49925c888d","preview":"Jitu Raut","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29402/dp_jitu-F5EnDD6fBaxBZpbvQ8CXo9sE8JEVs8.png","slug":"jitu-raut","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:38:00.357Z","latestAt":"2026-06-19T10:38:00.357Z"},{"id":"019edf75-76f0-718b-a78d-594c26cd1d10","type":"creator.followed","target":{"type":"creator","id":"fe252599-4318-4e9e-a1d2-fd684b2e7a66","preview":"Moe Slah","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/41359/avatar-ZhSe2ZsoX7QXzqADLZqHpWbiHpvvRF.jpg","slug":"moeslah","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:57.869Z","latestAt":"2026-06-19T10:37:57.869Z"},{"id":"019edf75-6fef-774d-b38d-0520610771a6","type":"creator.followed","target":{"type":"creator","id":"9b4b653d-2395-4deb-b141-6b74934d21e6","preview":"Istiaq (EV Studio)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9b4b653d-2395-4deb-b141-6b74934d21e6/5p51mfje","slug":"ev-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:56.074Z","latestAt":"2026-06-19T10:37:56.074Z"},{"id":"019edf75-67f5-715d-86bc-406a0ac6d02c","type":"creator.followed","target":{"type":"creator","id":"f1b38a87-3e58-4362-a143-5de43422e420","preview":"Zain Malik","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/175371/avatar-kXOdEl9aWVaYEjeW8Ac8MP49zWF8PP.jpg","slug":"zain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:54.034Z","latestAt":"2026-06-19T10:37:54.034Z"},{"id":"019edf75-60ba-701e-8609-482a8417318f","type":"creator.followed","target":{"type":"creator","id":"ba95b34a-5ed3-496b-b8b2-e8c0a7412fcb","preview":"Krokzy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2057450/_LOuTwfoj-wwUSciBlcKRdMrpgbBhdqkjnCk5hnd","slug":"krokzy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:52.173Z","latestAt":"2026-06-19T10:37:52.173Z"},{"id":"019edf75-5c54-755e-9d54-3c9f133748ee","type":"creator.followed","target":{"type":"creator","id":"8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd","preview":"Juventin","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/8f9f11fc-0d34-4d7c-b2a4-6fcef586a2bd/eG35PrqG9","slug":"juventin-ntwari-irakoze","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:51.057Z","latestAt":"2026-06-19T10:37:51.057Z"},{"id":"019edf75-5615-708d-963a-cbb2ca1bdacf","type":"creator.followed","target":{"type":"creator","id":"8f3ab624-224a-405f-bb7c-44c2296eecab","preview":"Basecom","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8f3ab624-224a-405f-bb7c-44c2296eecab/mb9o19ft","slug":"basecom","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:49.456Z","latestAt":"2026-06-19T10:37:49.456Z"},{"id":"019edf75-3ef3-774f-b091-5906a6cd663d","type":"creator.followed","target":{"type":"creator","id":"a5c55dbf-7390-4c78-a1e4-a2ac8a678425","preview":"Qasid Hussain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/371963/avatar-QtbeZkGC6KNLRCnzoSnBkFlEY4SkpE.jpg","slug":"qasid-hussain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:43.536Z","latestAt":"2026-06-19T10:37:43.536Z"},{"id":"019edf75-2d2d-70fc-bb0a-62d03bc627b5","type":"creator.followed","target":{"type":"creator","id":"19cdec23-93f6-42f6-80fe-79a79fa49221","preview":"REHBAZ ALI ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/19cdec23-93f6-42f6-80fe-79a79fa49221/78rdjevk","slug":"rehbaz-ali","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:38.986Z","latestAt":"2026-06-19T10:37:38.986Z"},{"id":"019edf75-2755-747c-b691-edaefbb9ef20","type":"creator.followed","target":{"type":"creator","id":"6b661f6f-65ba-40fa-bb6a-619d72ab1bd4","preview":"VLADIMIR KOTENEV","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b661f6f-65ba-40fa-bb6a-619d72ab1bd4/7rgavo7j","slug":"vonexdesign","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","slug":"abe-ayomiposi","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T10:37:37.489Z","latestAt":"2026-06-19T10:37:37.489Z"}],"pagination":{"next":"MjAyNi0wNi0xOVQxMDozNzozNy40ODlafDAxOWVkZjc1LTI3NTUtNzQ3Yy1iNjkxLWVkYWVmYmI5ZWYyMA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2201c2b3-54a1-4f38-bc7c-8b7ad3106761:/unified/posts/?creator=2201c2b3-54a1-4f38-bc7c-8b7ad3106761&with=reposts":[{"data":[{"id":"01a12fae-c970-729b-8aa9-f084dfb3323f","title":null,"body":"

Updating my portfolio

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Updating my portfolio"}]}]},"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"18319","resolved":true,"title":"Nodogoro","body":"

Nodogoro | AI & Robotics Studio

Developed a modern, high-impact website for Nodogoro, an AI studio combining advanced research with startup-speed engineering. The website showcases the company's AI expertise, technical capabilities, strategic partnerships, and services through a clean visual layout, engaging interactions, and a polished user experience.

The project focuses on presenting complex AI and engineering solutions in an accessible, professional way while guiding visitors toward exploring the studio's work and booking consultations.

Services: Framer Development, Responsive Web Design, UI Implementation, Interactive Sections, Website Optimization

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Nodogoro | AI & Robotics Studio"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Developed a modern, high-impact website for Nodogoro, an AI studio combining advanced research with startup-speed engineering. The website showcases the company's AI expertise, technical capabilities, strategic partnerships, and services through a clean visual layout, engaging interactions, and a polished user experience."}]},{"type":"paragraph","content":[{"type":"text","text":"The project focuses on presenting complex AI and engineering solutions in an accessible, professional way while guiding visitors toward exploring the studio's work and booking consultations."}]},{"type":"paragraph","content":[{"type":"text","text":"Services:","marks":[{"type":"bold"}]},{"type":"text","text":" Framer Development, Responsive Web Design, UI Implementation, Interactive Sections, Website Optimization"}]}]},"introduction":"","slug":"nodogoro","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/01a12fa5-067f-770c-b1ee-9eb000fdaba2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2880,"height":1976}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/01a12fac-705d-749b-9e6e-a5d57f1c2d9a.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2880,"height":2480}}],"post":null,"createdAt":"2026-10-12T10:35:45.678Z","updatedAt":"2026-10-12T10:35:45.678Z","publishedAt":"2026-10-12T10:35:45.670Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.nodogoro.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"d26c907e-7d56-4582-9727-b7c10921b71e","name":"Community","slug":"community"},{"id":"ddd39099-5b17-42e0-b333-7b7c480a114f","name":"Business","slug":"business"}],"mainCategory":{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"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-10-12T10:35:46.418Z","updatedAt":"2026-10-12T10:35:46.418Z","type":"post"},{"id":"019ed3e0-223b-758b-8251-b14a70477a84","title":null,"body":"

Live now on framer

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live now on framer"}]}]},"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"66828","resolved":true,"title":"KC Crafts","body":"

KC Crafts is a modern and elegant photography Framer template designed for photographers, creatives, and visual storytellers who want to showcase their work beautifully. Featuring immersive galleries, smooth animations, CMS-powered projects, and fully responsive layouts, this template helps you create a professional online presence with ease. Perfect for wedding photographers, portrait studios, fashion photographers, and creative portfolios seeking a clean, high-end aesthetic.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"KC Crafts is a modern and elegant photography Framer template designed for photographers, creatives, and visual storytellers who want to showcase their work beautifully. Featuring immersive galleries, smooth animations, CMS-powered projects, and fully responsive layouts, this template helps you create a professional online presence with ease. Perfect for wedding photographers, portrait studios, fashion photographers, and creative portfolios seeking a clean, high-end aesthetic."}]}]},"introduction":"Photography Portfolio Template","slug":"kc-crafts","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/11nn1hlt","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1500,"height":1125}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/76kbigx2","metadata":{"tint":{"h":0,"s":0,"l":16},"width":3000,"height":2250}}],"post":null,"createdAt":"2026-06-17T04:39:01.909Z","updatedAt":"2026-06-17T04:39:01.909Z","publishedAt":"2026-06-17T04:39:01.906Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/ku2wosc","remixUrl":"https://framer.link/ku2wosc","previewUrl":"https://kccrafts.framer.website/","categories":[{"id":17,"name":"Photography","slug":"photography"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":190,"name":"Arts & Crafts","slug":"arts-and-crafts"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":210,"name":"Digital Products","slug":"digital-products"}],"styles":[],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-17T04:39:55.513Z","createdAt":"2026-06-17T04:39:01.948Z","updatedAt":"2026-06-17T04:39:55.513Z","type":"post"},{"id":"019ed218-7b0f-73ad-8422-97408bec9483","title":null,"body":"

Hello, Lets connect

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello, Lets connect"}]},{"type":"paragraph"}]},"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T20:21:20.274Z","updatedAt":"2026-06-16T20:21:20.274Z","type":"post"},{"id":"019e796d-5d77-7acd-b90f-564e31cf1667","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1C4dqzSni7qskAdAcreu","resolved":true,"title":"LeafletMap","body":"$53","bodyJson":null,"introduction":"An interactive cinematic map component","slug":"leafletmap","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1C4dqzSni7qskAdAcreu/leafletmap-RGvYTpQyawOPmHTySmhANHqz0IiOY0","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-23T20:07:21.113Z","updatedAt":"2026-06-04T20:04:03.001Z","publishedAt":"2026-05-30T15:07:51.031Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://leaflet-map.framer.website/","price":"5","paymentUrl":"https://juleshq.lemonsqueezy.com/checkout/buy/e807bdd5-f8e2-4cf3-b3f6-a915ecd912ae","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"vkGZvFscv9L8I6BjMa8U","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":"2026-05-30T15:07:51.031Z","updatedAt":"2026-05-30T15:07:51.031Z","type":"post"},{"id":"019bbd0a-cef0-7d84-9870-931aec54573f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"JNvy2IkVH0GkP1rHl1om","resolved":true,"title":"Curved Image Loop","body":"

Smooth curved image loop along an SVG path
Endless auto-scrolling animation
Drag interaction for manual control
Adjustable speed and scroll direction
Customizable image size and spacing
Up/down curve shape control with curve amount
Circular image clipping with optional borders
Even image distribution for seamless looping
Supports any number of images
Great for teams, testimonials, or visual highlights

","bodyJson":null,"introduction":"","slug":"curved-image-loop","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JNvy2IkVH0GkP1rHl1om/curved-image-loop-Omcu3V96RjaUkR56SBrGbmUr0nzuND","metadata":{"tint":{"h":30,"s":70,"l":49},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-16T09:28:40.731Z","updatedAt":"2026-01-14T15:05:48.157Z","publishedAt":"2026-01-14T15:06:00.816Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://curvedimageloop.framer.website/","price":"5","paymentUrl":"https://juleshq.lemonsqueezy.com/checkout/buy/e634ff4c-239d-475f-aa03-fa5fdf4f1ba1","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"hjhPAuO5WqTPIF9tcHEf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-14T15:06:00.816Z","updatedAt":"2026-01-14T15:06:00.816Z","type":"post"},{"id":"019b6f6f-f065-7ce5-a592-c2f3469b15d5","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"w6s5l3UwoKAJPDIAJq9p","resolved":true,"title":"ReflectiveCard","body":"

Uses the device webcam as a blurred, mirrored background texture.
Applies SVG filters for metallic displacement, specular lighting, and optional glass distortion.
Includes layered visual effects: noise grain, reflective sheen, inner borders, and shadows.
Fully customizable content: name, role, ID number, fonts, sizes, colors, and border radius.
Supports grayscale control, blur strength, displacement intensity, and visual realism tuning.
Built-in SVG icons (Lock, Activity, Fingerprint) for secure/tech card aesthetics.
Designed for high-end profile cards, access badges, or futuristic UI visuals in Framer.

","bodyJson":null,"introduction":"a premium ID-style card ","slug":"reflectivecard","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/w6s5l3UwoKAJPDIAJq9p/reflectivecard-CY1BU0XXk67V4JzHoIa4lwTtHaZb0O","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-15T11:31:54.503Z","updatedAt":"2026-06-04T19:49:00.439Z","publishedAt":"2025-12-30T13:26:05.669Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://reflectivecard.framer.website","price":"5","paymentUrl":"https://juleshq.lemonsqueezy.com/checkout/buy/66cd0de0-37b1-4f75-926a-0bbed8bc2504","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"v6RO1Y6Ap9PJdwsjSwgk","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-30T13:26:05.669Z","updatedAt":"2025-12-30T13:26:05.669Z","type":"post"},{"id":"019b6f62-6e72-7a6b-a5c8-77230bd12bf7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qi7qgN1xHsyW6isugfwn","resolved":true,"title":"Shuffle Image","body":"

Supports up to 15 images added via the Framer property panel.
Shows a fixed number of images on load, with no randomness until shuffle is triggered.
Includes a shuffle button that randomly reorders images and updates the grid.
Fully customizable layout: image size, gap, border radius, background color, and display count.
Responsive grid using auto-fit columns and hover scale effects on images.
Optional shuffle button with animated interactions and full font control.
Displays a placeholder message when no images are provided.

","bodyJson":null,"introduction":"","slug":"shuffle-image","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qi7qgN1xHsyW6isugfwn/shuffle-image-YtIm8eoYyaZNLWFhZEBK33VtVkWlNd","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-16T01:35:18.768Z","updatedAt":"2025-12-30T13:11:06.786Z","publishedAt":"2025-12-30T13:11:20.434Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://shuffleimages.framer.website/","price":"5","paymentUrl":"https://juleshq.lemonsqueezy.com/checkout/buy/f38c84a6-88e6-4f6d-b8b4-68dff733635a","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"sUL6FHJ5jjMNueXFuF8L","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-30T13:11:20.434Z","updatedAt":"2025-12-30T13:11:20.434Z","type":"post"},{"id":"019b4743-7f55-775e-82bd-1d88e2410d1a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"pnHa3BIHVhS2hSX3gV88","resolved":true,"title":"Scrambleshuffle_Text","body":"$54","bodyJson":null,"introduction":"Interactive glitch text & scroll anims.","slug":"scrambleshuffle-text","author":{"framerUserId":"2201c2b3-54a1-4f38-bc7c-8b7ad3106761","name":"Julius Ayo","slug":"abe-ayomiposi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2201c2b3-54a1-4f38-bc7c-8b7ad3106761/bfunbx6o","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/pnHa3BIHVhS2hSX3gV88/scrambleshuffle-text-qRv8gcQBHldbbuUqDXajN6WBJSOZHX","metadata":{"tint":{"h":195,"s":82,"l":44},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-15T10:44:19.388Z","updatedAt":"2026-03-12T18:15:40.271Z","publishedAt":"2025-12-22T18:12:44.501Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://scramble-shuffle-text.framer.website/?editSite","price":"5","paymentUrl":"https://juleshq.lemonsqueezy.com/checkout/buy/35da4cbb-e893-4160-a9d4-85719e31e4c0","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"XTA2YF7CDX85aJIYeQgY","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":"2025-12-22T18:12:44.501Z","updatedAt":"2025-12-22T18:12:44.501Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]