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: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

53: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

54: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

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-f47680c6-cb8f-46b8-b70a-38383b4ed3e7-all:/unified/creator/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/activity/":[{"data":[{"id":"01a1160a-544b-728c-b90c-652cfef04b67","type":"component.created","target":{"type":"component","id":"OH1LbNA6fLVFS177hjpA","preview":"Cards Cascade","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/01a11603-44e1-75b4-a289-39c9e1cc56b2.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-10-07T11:05:38.123Z","latestAt":"2026-10-07T11:05:38.123Z"},{"id":"01a11588-85e1-70fb-8942-2eb90b1c5934","type":"component.created","target":{"type":"component","id":"skSFUkPE31w3GmFyfEEH","preview":"Gallery Wheel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f47680c6-cb8f-46b8-b70a-38383b4ed3e7/01a11580-1769-73a3-83ae-449e5c95f183.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-10-07T08:43:51.137Z","latestAt":"2026-10-07T08:43:51.137Z"},{"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":"01a1160a-5190-718a-be03-47ed5d17278e","title":null,"body":null,"bodyJson":null,"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":"OH1LbNA6fLVFS177hjpA","resolved":true,"title":"Cards Cascade","body":"

Interactive Service Cards is a scroll-driven Framer section that reveals service cards through layered motion, staggered entry, tilt, overlap, and smooth responsive scaling. Built for agencies, studios, portfolios, and service-based websites, it turns a standard services section into a more dynamic and engaging visual experience.

Key Features

Scroll-Driven Animation
Layered Card Layout
Staggered Card Reveal
Responsive Scaling
Adjustable Card Size
Overlap Controls
Tilt & Fan Rotation
Custom Card Colors
Editable Content
Custom CTA Buttons
Flexible Spacing
Smooth Motion

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Service Cards","marks":[{"type":"bold"}]},{"type":"text","text":" is a scroll-driven Framer section that reveals service cards through layered motion, staggered entry, tilt, overlap, and smooth responsive scaling. Built for agencies, studios, portfolios, and service-based websites, it turns a standard services section into a more dynamic and engaging visual experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-Driven Animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layered Card Layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered Card Reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Card Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Overlap Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tilt & Fan Rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Card Colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable Content"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom CTA Buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Motion"}]}]}]}]},"introduction":"Cards cascade with scroll and tilt","slug":"cards-cascade","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/01a11603-44e1-75b4-a289-39c9e1cc56b2.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1394,"height":844}}],"post":null,"createdAt":"2026-10-07T11:05:36.686Z","updatedAt":"2026-10-07T11:05:36.686Z","publishedAt":"2026-10-07T11:05:36.683Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Cards-Cascade-XVd3uP.js@lH20czPCzOy4znDDSUOu","previewUrl":"https://cards-cascade.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"lH20czPCzOy4znDDSUOu","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-10-07T11:05:37.424Z","updatedAt":"2026-10-07T11:05:37.424Z"},{"id":"01a11588-8338-75ff-b303-b73b09a3a3a6","title":null,"body":null,"bodyJson":null,"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":"skSFUkPE31w3GmFyfEEH","resolved":true,"title":"Gallery Wheel","body":"

Kinetic Wheel is an interactive Framer component designed for portfolios, photography, campaigns, products, creative work, and visual showcases. It transforms a collection of images into a dynamic circular wheel, creating an engaging way to browse and explore visual content through smooth motion and interaction.

Key Features

Responsive Layout
Interactive Image Wheel
Smooth Motion
Circular Image Arrangement
Customizable Wheel Size
Adjustable Image Sizing
Flexible Spacing Controls
Rotation Controls
Smooth Transitions
Media Fit Controls
Customizable Styling
Easy Framer Customization
No-Code Editing
Portfolio Ready
Multi-Purpose Gallery

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kinetic Wheel is an interactive Framer component designed for portfolios, photography, campaigns, products, creative work, and visual showcases. It transforms a collection of images into a dynamic circular wheel, creating an engaging way to browse and explore visual content through smooth motion and interaction."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Image Wheel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Circular Image Arrangement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Wheel Size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Image Sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Spacing Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Rotation Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Media Fit Controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy Framer Customization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-Code Editing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Ready"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-Purpose Gallery"}]}]}]}]},"introduction":"A dynamic wheel for visual stories","slug":"gallery-wheel","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/01a11580-1769-73a3-83ae-449e5c95f183.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1918,"height":802}}],"post":null,"createdAt":"2026-10-07T08:43:49.765Z","updatedAt":"2026-10-07T08:43:49.765Z","publishedAt":"2026-10-07T08:43:49.762Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/KineticWheelGallery-8HNneK.js@5GKvS72MdjIQ0ZEftf2M","previewUrl":"https://kineticwheelgallery.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"5GKvS72MdjIQ0ZEftf2M","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-10-07T08:43:50.456Z","updatedAt":"2026-10-07T08:43:50.456Z"},{"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":"$52","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://sub.chujiqiqi.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":"$53","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":3,"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":"$54","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://sub.chujiqiqi.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":"$L55"}]