62: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"] 63:T40a,

3D Media Corridor is a scroll-driven immersive gallery that transforms images into a dynamic 3D perspective experience. Media begins from a central focal point, expands into a layered corridor, and moves toward the viewer with smooth depth, scale, and perspective transitions.

Designed for portfolios, case studies, product showcases, and visual storytelling, the component includes customizable controls for spacing, depth, perspective, motion, image sizing, easing, opacity, and layout behavior.

Key Features:

Scroll-Driven 3D Animation
Center-to-Corridor Transition
Layered Depth System
Smooth Forward Motion
Sticky Scroll Experience
Adjustable Scroll Smoothing
Perspective Controls
Depth-Based Scaling
3D Tilt Controls
Flexible Image Collection
Motion & Easing Controls
Responsive Framer Layout

64:T53d,

Case Study — ESLSCA University

Because a university website shouldn’t require a degree just to navigate it.

For ESLSCA University, we rethought the digital experience from the ground up — simplifying a complex academic ecosystem into a clearer, faster, and more intuitive journey.

From information architecture and UX strategy to UI design and development, the goal was simple: help students find what they need without turning it into research.

The result? A sharper digital presence, clearer user journeys, and a website built to work as hard as the institution behind it.

See the experience live: eslsca.edu.eg

Explore the full case study: pixelsinplay.studio/project/eslsca

Building something that deserves a better digital experience?

Book a free consultation with Pixels in Play. pixelsinplay.studio

#PixelsInPlay #ESLSCA #CaseStudy #DigitalExperience #UXDesign #UIDesign #WebDesign #WebDevelopment

65:T4df,

Spinny Text. Moody Image. Very Serious Design Stuff.

A bold Framer component for when a normal image-and-text section feels a little too… polite.

This component brings together a layered cut-out image, rotating circular text, sharp typography, and a dramatic editorial layout that basically says: “Yes, we do understand composition, thanks for asking.”

Perfect for studios, portfolios, landing pages, campaign pages, product features, case studies, and anyone trying to make a section look expensive without making the user scroll through another boring block of lorem ipsum.

What’s Inside

Layered editorial image composition
Rotating circular text animation, because static text had its chance
Clean heading, subtitle, and body copy structure
Moody dark layout with strong visual contrast
Easy color, image, and text customization
Responsive structure for desktop and mobile
Great for creative studios, agencies, designers, and brands with taste

Use it when your page needs a little movement, a little attitude, and a lot less “default template energy

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-f47680c6-cb8f-46b8-b70a-38383b4ed3e7-all:/unified/creator/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/activity/":[{"data":[{"id":"01a099f9-fba7-772a-8f87-57e6a7137044","type":"component.created","target":{"type":"component","id":"pCgZpnz92ZoocvnggdEM","preview":"3D Media Corridor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/01a099e3-ca13-72a5-9dfe-7c9fc28217b0.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-13T08:54:52.071Z","latestAt":"2026-09-13T08:54:52.071Z"},{"id":"019ef8bd-16ae-7713-91dc-9d370e8b2e61","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":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:26:42.200Z","latestAt":"2026-06-24T08:26:42.200Z"},{"id":"019ef8bd-1680-7507-9ceb-d7bb904733b9","type":"creator.followed","target":{"type":"creator","id":"c4150f45-6c92-4e43-8d24-bf3d9b6e5524","preview":"Aragoza.Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c4150f45-6c92-4e43-8d24-bf3d9b6e5524/hqj5j778","slug":"julio-aragoza","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:26:42.163Z","latestAt":"2026-06-24T08:26:42.163Z"},{"id":"019ef8bd-167c-738b-9ef7-55783c930577","type":"creator.followed","target":{"type":"creator","id":"854b8932-b817-4013-83ed-4b92c34710fb","preview":"KO Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/854b8932-b817-4013-83ed-4b92c34710fb/pij2n2ft","slug":"kollina-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:26:42.162Z","latestAt":"2026-06-24T08:26:42.162Z"},{"id":"019ef8bd-1642-7746-a735-2db362ac64a9","type":"creator.followed","target":{"type":"creator","id":"88f8c5c5-4479-47ab-8ad6-e3167c5fd0fa","preview":"Rahat hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/88f8c5c5-4479-47ab-8ad6-e3167c5fd0fa/vme66nex","slug":"rahat-hossain","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:26:42.110Z","latestAt":"2026-06-24T08:26:42.110Z"},{"id":"019ef8bd-15fb-71be-b28d-5db0ff7abc86","type":"creator.followed","target":{"type":"creator","id":"3f5322b7-ad36-4594-a04d-5719f0789199","preview":"Md Yeasin Arafat","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f5322b7-ad36-4594-a04d-5719f0789199/klmx0pgn","slug":"uixyeasin","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-24T08:26:42.039Z","latestAt":"2026-06-24T08:26:42.039Z"},{"id":"019eee4b-f302-7202-a0f9-c7eb94044417","type":"creator.followed","target":{"type":"creator","id":"6fa4ea9e-07b0-4f52-8c70-f30b028b81a5","preview":"Nibel ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6fa4ea9e-07b0-4f52-8c70-f30b028b81a5/r2ik5i4z","slug":"nibel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T07:46:55.358Z","latestAt":"2026-06-22T07:46:55.358Z"},{"id":"019eee4b-eff1-7191-a164-11c7c2eda905","type":"creator.followed","target":{"type":"creator","id":"55e66b8b-bd81-4efe-9f12-b81d28c78988","preview":"Yaroslav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1448889/avatar-r3OcUBHK7vNpsK2jpsBm7bkjS9Ud3z.jpg","slug":"yaroslav-cherevaty","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T07:46:54.570Z","latestAt":"2026-06-22T07:46:54.570Z"},{"id":"019eee4b-eaef-737a-ad25-086ac234cfb8","type":"creator.followed","target":{"type":"creator","id":"daebf60b-d183-4dc3-9ee8-f5b070d8d8b4","preview":"Sidhanth Suman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64229/avatar-6Fkzk5vt1plyb4srBNDlylzUVliRDh.jpg","slug":"sidhanth-suman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-22T07:46:53.292Z","latestAt":"2026-06-22T07:46:53.292Z"},{"id":"019ee9ff-f2a0-771a-a419-c6d957ba1eb9","type":"component.created","target":{"type":"component","id":"XKhzCMe8NsaPbjMXwngO","preview":"Cut-out Spinny ext","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/ym2mkk00","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-21T11:45:25.664Z","latestAt":"2026-06-21T11:45:25.664Z"},{"id":"019ee9ee-fb99-72b9-a1c1-83b6e5770104","type":"creator.followed","target":{"type":"creator","id":"300b3a94-48ea-4347-9758-5ab6ca2618ff","preview":"N!nh™ Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/300b3a94-48ea-4347-9758-5ab6ca2618ff/bginqadn","slug":"ninhstudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","slug":"pixels-in-play","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T11:26:53.846Z","latestAt":"2026-06-21T11:26:53.846Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:f47680c6-cb8f-46b8-b70a-38383b4ed3e7:/unified/posts/?creator=f47680c6-cb8f-46b8-b70a-38383b4ed3e7&with=reposts":[{"data":[{"id":"01a099f9-f91d-7419-8713-e7f88b7e7d86","title":null,"body":"

3D Media Corridor turns scroll into depth — pulling images from a central focal point into a layered, cinematic 3D flow that feels spatial, fluid, and intentional.

Built for portfolios, case studies, campaigns, and visual-first storytelling, with flexible controls for perspective, motion, scale, spacing, opacity, and more.

Less like a gallery. More like an experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Media Corridor turns scroll into depth — pulling images from a central focal point into a layered, cinematic 3D flow that feels spatial, fluid, and intentional."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, case studies, campaigns, and visual-first storytelling, with flexible controls for perspective, motion, scale, spacing, opacity, and more."}]},{"type":"paragraph","content":[{"type":"text","text":"Less like a gallery. More like an experience."}]}]},"author":{"framerUserId":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","slug":"pixels-in-play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","followed":false,"followsYou":false},"media":[],"resources":[{"id":"pCgZpnz92ZoocvnggdEM","resolved":true,"title":"3D Media Corridor","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Media Corridor is a scroll-driven immersive gallery that transforms images into a dynamic 3D perspective experience. Media begins from a central focal point, expands into a layered corridor, and moves toward the viewer with smooth depth, scale, and perspective transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for portfolios, case studies, product showcases, and visual storytelling, the component includes customizable controls for spacing, depth, perspective, motion, image sizing, easing, opacity, and layout behavior."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Driven 3D Animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Center-to-Corridor Transition"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layered Depth System"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Forward Motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sticky Scroll Experience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Scroll Smoothing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perspective Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Depth-Based Scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Tilt Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Image Collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion & Easing Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Framer Layout"}]}]}]}]},"introduction":"A seamless 3D flow of visual media","slug":"3d-media-corridor","author":{"framerUserId":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","slug":"pixels-in-play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/01a099e3-ca13-72a5-9dfe-7c9fc28217b0.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1895,"height":842}}],"post":null,"createdAt":"2026-09-13T08:54:50.584Z","updatedAt":"2026-09-13T09:42:15.167Z","publishedAt":"2026-09-13T08:54:50.570Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ThreeDMediaCorridor-tREnWw.js@iRY7CzOkKOEcXBgsEgLl","previewUrl":"https://3d-media-corridor.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"iRY7CzOkKOEcXBgsEgLl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-13T09:53:39.585Z","createdAt":"2026-09-13T08:54:51.421Z","updatedAt":"2026-09-13T09:53:39.585Z"},{"id":"01a07773-d983-722c-aeca-e9946f092fc2","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Case Study — ESLSCA University","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Because a university website shouldn’t require a degree just to navigate it."}]},{"type":"paragraph","content":[{"type":"text","text":"For "},{"type":"text","text":"ESLSCA University","marks":[{"type":"bold"}]},{"type":"text","text":", we rethought the digital experience from the ground up — simplifying a complex academic ecosystem into a clearer, faster, and more intuitive journey."}]},{"type":"paragraph","content":[{"type":"text","text":"From information architecture and UX strategy to UI design and development, the goal was simple: help students find what they need without turning it into research."}]},{"type":"paragraph","content":[{"type":"text","text":"The result? A sharper digital presence, clearer user journeys, and a website built to work as hard as the institution behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"See the experience live:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"eslsca.edu.eg","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://eslsca.edu.eg","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Explore the full case study:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"pixelsinplay.studio/project/eslsca","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://pixelsinplay.studio/project/eslsca","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Building something that deserves a better digital experience?"}]},{"type":"paragraph","content":[{"type":"text","text":"Book a free consultation with Pixels in Play.","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"pixelsinplay.studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://pixelsinplay.studio","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#PixelsInPlay #ESLSCA #CaseStudy #DigitalExperience #UXDesign #UIDesign #WebDesign #WebDevelopment"}]}]},"author":{"framerUserId":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","slug":"pixels-in-play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/iia982Sz91sQB7ckQADuih979CRdaazDGkApECZiZyE.m3u8","metadata":{"posterUrl":"https://image.mux.com/iia982Sz91sQB7ckQADuih979CRdaazDGkApECZiZyE/thumbnail.webp?time=2.002","aspectRatio":"4:5","duration":10.1101}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-06T16:01:16.166Z","updatedAt":"2026-09-06T16:01:16.166Z"},{"id":"019ee9ff-f241-71b0-9b67-b97f3d832f29","title":null,"body":"

We made a thing.

It spins. It layers. It makes your website look like it actually has a personality.

Meet our new Framer component: a punchy visual section built for studios, creators, brands, and digital troublemakers who are done with polite little image blocks sitting quietly in the corner.

Drop in your image. Add your copy. Let the rotating text do its tiny hypnotic ritual.

Because the web doesn’t need more boring sections. It needs more attitude, more motion, more “wait, that’s actually cool.”

Now available on the Framer Marketplace. Made by Pixels in Play. Released into the wild. Behave accordingly.

#PixelsInPlay #Framer #FramerComponent #FramerMarketplace #UIUXDesign #WebDesign #NoCodeDesign #CreativeStudio #DigitalDesign #InteractiveDesign #MotionDesign #DesignTools #StudioLife #WebsiteDesign #DesignCommunity #MadeInFramer #CreativeWeb #VisualDesign #PortfolioDesign #LandingPageDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We made a thing."}]},{"type":"paragraph","content":[{"type":"text","text":"It spins. It layers. It makes your website look like it actually has a personality."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet our new Framer component: a punchy visual section built for studios, creators, brands, and digital troublemakers who are done with polite little image blocks sitting quietly in the corner."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in your image. Add your copy. Let the rotating text do its tiny hypnotic ritual."}]},{"type":"paragraph","content":[{"type":"text","text":"Because the web doesn’t need more boring sections. It needs more attitude, more motion, more “wait, that’s actually cool.”"}]},{"type":"paragraph","content":[{"type":"text","text":"Now available on the Framer Marketplace. Made by Pixels in Play. Released into the wild. Behave accordingly."}]},{"type":"paragraph","content":[{"type":"text","text":"#PixelsInPlay #Framer #FramerComponent #FramerMarketplace #UIUXDesign #WebDesign #NoCodeDesign #CreativeStudio #DigitalDesign #InteractiveDesign #MotionDesign #DesignTools #StudioLife #WebsiteDesign #DesignCommunity #MadeInFramer #CreativeWeb #VisualDesign #PortfolioDesign #LandingPageDesign"}]}]},"author":{"framerUserId":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","slug":"pixels-in-play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","followed":false,"followsYou":false},"media":[],"resources":[{"id":"XKhzCMe8NsaPbjMXwngO","resolved":true,"title":"Cut-out Spinny ext","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Spinny Text. Moody Image. Very Serious Design Stuff.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A bold Framer component for when a normal image-and-text section feels a little too… polite."}]},{"type":"paragraph","content":[{"type":"text","text":"This component brings together a layered cut-out image, rotating circular text, sharp typography, and a dramatic editorial layout that basically says: “Yes, we do understand composition, thanks for asking.”"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for studios, portfolios, landing pages, campaign pages, product features, case studies, and anyone trying to make a section look expensive without making the user scroll through another boring block of lorem ipsum."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s Inside","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layered editorial image composition"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotating circular text animation, because static text had its chance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean heading, subtitle, and body copy structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Moody dark layout with strong visual contrast"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy color, image, and text customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive structure for desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Great for creative studios, agencies, designers, and brands with taste"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Use it when your page needs a little movement, a little attitude, and a lot less “default template energy"}]}]},"introduction":"No more boring Images.","slug":"cut-out-spinny-ext","author":{"framerUserId":"f47680c6-cb8f-46b8-b70a-38383b4ed3e7","name":"pixels in play","slug":"pixels-in-play","avatar":"https://framerusercontent.com/avatars/users/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/2xlvsLbfj","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/ym2mkk00","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-21T11:45:25.521Z","updatedAt":"2026-06-21T11:45:25.521Z","publishedAt":"2026-06-21T11:45:25.518Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LayeredImage-1-ca4FY3.js@OdppwlnrTGaUTD7WCMRi","previewUrl":"https://relaxed-pear-153141.framer.app/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"OdppwlnrTGaUTD7WCMRi","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T11:45:25.570Z","updatedAt":"2026-06-21T11:45:25.570Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]