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

Yes, we built a dedicated Playground website for our Infinite Gallery PRO component so you can test it with your own images before buying

👉 https://infinite-gallery-pro-playground.framer.website 👈

Why?

Framer Marketplace previews show the result, but not the experience. The Playground lets you upload your media and try the workflow, so you can feel how quickly you can build and how far you can push the settings.

Infinite Gallery PRO is designed to be one of those components you can reuse across an entire site. It’s a powerful, versatile gallery builder that helps you create unique infinite-scrolling compositions without a complex setup, whether you’re building a ticker, a media gallery, animated reviews, or even bold static layouts with a distinctive look.

With this level of flexibility, the real question isn’t whether it looks good in a preview, but how it feels to use: is it fast, intuitive, and easy to customize?

Note: the Playground is a lite demo limited to 5 images per section. The full component has no image limit.

53:T975,

What is Pixel Art Canvas?

A playful, fully customizable component that turns your website into an interactive pixel art editor. Visitors can create artworks in seconds and download their creations, while you control the look, constraints and palettes to keep everything perfectly on-brand.

Complete Customization

Pixel Art Canvas is built to blend seamlessly into your design system. Configure the editor’s structure and styling for a minimal, guided experience or open it up for more creative freedom. Key features include:

Canvas: pixel grid size, background color, grid color
Style Bar: background color, icon color, accent color, style bar alignment
Palette: up to 10 ready-to-use curated palettes included. You can use them as-is or tweak names and colors to match your style

Drawing Experience

Pixel Art Canvas is quick to learn, satisfying to use, and built for rapid experimentation: visitors can sketch, refine, and export their artworks in minutes.

Drawing tools: draw and erase on the canvas, choose stroke options, use default palettes or your custom colors
Control tools: undo/redo, clear and restart, move pixels around to adjust existing parts
Export options: export the artwork as PNG or SVG

Best For

Creative portfolios and studios
Interactive and playful landing pages
Community and UGC experiences
Creative and playful 404 pages
Educational and kid-friendly creative tools
Campaigns, challenges, and event pages

Made something with Pixel Art Canvas?

Share it with us. Send your artwork or website link and we’ll be happy to showcase it ✨

Support & Refund Policy

A full refund will be provided if the component does not work as described and we are unable to resolve the issue. Refunds are not available for any other reasons such as accidental purchases, change of mind, expectations of features that were not clearly listed or lack of use. For any queries and support, contact kopai.designstudio@gmail.com

54:T8ff,

Real-Time Cursors lets you simulate live collaboration directly on your website. Add up to 5 independent cursors and define exactly how each one moves, behaves and looks.

Each cursor can be configured individually, allowing you to create subtle background interaction or dynamic, attention-grabbing motion scenes.

Path Control

Define how each cursor moves across the canvas. All positions are set in percentages, ensuring fully responsive behavior across different layouts and screen sizes. You can choose between 2 movement types: Linear and Path.

Linear: move the cursor from point A to point B. Ideal for directional gestures or repeated motion.
Path: create custom routes using up to 5 coordinate points. Perfect for guided or complex movement patterns.

Complete Customization

Customize the visual style of every cursor. Each cursor is independent, allowing you to match them perfectly with your brand or interface style. Key features include:

Font: type, size, weight and color
Chip: name, color, stroke, shadow, radius, padding
Cursor: size, color, stroke, shadow, position, motion

Motion Control

Define how each cursor moves and behaves. Every cursor can be configured independently, making layered and natural motion easy to achieve.

Choose between Linear or Path movement
Enable or disable looping
Choose between Spring, Ease or Instant transitions

Best For

Simulating live collaboration
SaaS and startup landing pages
Product demos
Interactive hero sections
UI storytelling and walkthroughs

Support & Refund Policy

55:Tc86,

✨ One component, hundreds of uses

Stop stitching together different components for every section of your website. Infinite Gallery PRO is a powerful, fully customizable gallery builder. Create unique infinite-scrolling compositions that feel richer, immersive and dynamic, without a complex setup. Whether you need a ticker, a media gallery, animated reviews or fancy and distinctive static layouts, Infinite Gallery PRO adapts to the job.

🕹 Test it before buying

Visit Infinite Gallery PRO Playground and upload your own media. Explore layouts and properties to build your composition in minutes.

Note: the Playground is a lightweight demo built to let you try a lite version of the component. For that reason, uploads are capped at 5 images per section. The full component has no image limit.

👉 Choose a Layout

Choose a layout and shape it into your own composition. Infinite Gallery PRO comes with three layout modes: Circular, Isometric and Classic.

Circular

Create up to 7 concentric orbits with independent behaviour. Some of key features are: scale, densit, orbit alignment, section gap.

Isometric

Transform a standard media grid into a 3D perspective layout. Some key features are: angle, orientation.

Classic

A multi column infinite grid with up to 7 independent sections. Fine tune key-properties, from padding to scroll speed, and use it both in vertical and horizontal directions.

👉 Full Motion Control

Decide how everything moves or keep it completely still. Apply settings globally or configure them per section. Key features include: scroll speed and direction, autoplay speed & hover.

👉 Watch it in action

Infinite Gallery PRO

Support

56:T8e1,

About this component

Hover Text Reveal is a text animation component designed to progressively reveal text on hover. It adds a layer of interaction to typography through a smooth, controlled animation, without affecting readability or breaking layout structure.

Features

Character Speed: adjust how quickly the reveal animation progresses
Animation Duration: set the overall timing of the reveal effect
Full Font Control: customize font family, size, weight, and color directly within Framer
Hover Text Color: define a specific text color for the hover state
Character Set: select which characters are used during the reveal animation, including letters, symbols, and numbers
Full Text Control: smoothly transition from one text to another, with complete freedom over content, including letters, numbers, and symbols

How it works

Hover Text Reveal animates text on hover to transition from an initial state to a fully revealed text of your choice. The component works seamlessly with Framer’s text system and supports responsive layouts, making it suitable for both small texts and larger typographic elements.

For optimal visual consistency and clarity, monospaced fonts are recommended: uniform character widths help maintain a smoother and more balanced reveal animation.

Best for

Interactive hero sections
Navigation links and menus
Creative landing pages
Subtle and playful hover micro-interactions

Support

For any queries and support, contact kopai.designstudio@gmail.com

Refund Policy

57:T71f,

About this component

Shuffle Text is a text animation component that allows you to apply a dynamic letter shuffle effect on hover to any text. Perfect for adding subtle motion and interactivity to text elements without disrupting layout or readability.

Features

Shuffle Speed: control how quickly characters are shuffled during the animation
Animation Duration: define the total length of the shuffle effect
Full Font Control: easily manage font family, size, weight, and color directly in Framer
Hover Text Color: choose a dedicated color for the text on hover
Shuffle Order: characters are randomly reordered on hover to create the shuffle effect

How it works

Shuffle Text applies a letter shuffle animation on hover to your typography while keeping full control over layout and styling. The component integrates seamlessly with Framer’s text system and supports responsive layouts, making it suitable for both small text elements and larger typographic sections.

For the best visual and readability results, monospaced fonts are recommended: consistent character widths create a smoother, more stable shuffle animation and a more polished visual outcome.

Best for

Interactive hero sections
Navigation links and menus
Creative landing pages
Playful hover micro-interactions

Support

For any queries and support, contact kopai.designstudio@gmail.com

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-b12f0aac-9ce7-4918-ba83-c7a38e7faff4-all:/unified/creator/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/activity/":[{"data":[{"id":"01a11380-b508-70ab-9f82-f2939cf35638","type":"creator.followed","target":{"type":"creator","id":"736076d3-7588-45c2-bf2a-7a4549309ec8","preview":"Ali Çorak","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29170/avatar-2nFKRBHPBpvl08qzaOeMunwoAp0qwS.jpg","slug":"ali-corak","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T23:16:04.482Z","latestAt":"2026-10-06T23:16:04.482Z"},{"id":"01a11376-0353-7519-b325-99bd606afa96","type":"creator.followed","target":{"type":"creator","id":"682fc11e-0644-4920-8b94-8b794b0ece9e","preview":"Saadat Ali","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","slug":"saadat-ali-designsbysadat","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-06T23:04:23.629Z","latestAt":"2026-10-06T23:04:23.629Z"},{"id":"01a10aad-e340-727c-b374-0c61bfc50873","type":"creator.followed","target":{"type":"creator","id":"04ad2b89-82ed-4976-ac9c-59816e48b3a7","preview":"Nick Stepuk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28844/avatar-vGg1AXeRJwvRbHUJn1XFc6L7RUvjT5.jpg","slug":"stfnco","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-05T06:08:50.461Z","latestAt":"2026-10-05T06:08:50.461Z"},{"id":"01a0c775-74ca-742d-b280-03dde41e05a2","type":"creator.followed","target":{"type":"creator","id":"e7d1c8f1-e3f1-4d46-949b-7866d26de465","preview":"Dhiraj Ingle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e7d1c8f1-e3f1-4d46-949b-7866d26de465/w98sm0ai","slug":"dhirajingle","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-22T04:52:38.706Z","latestAt":"2026-09-22T04:52:38.706Z"},{"id":"01a0a359-b131-75ac-a135-1d3dd1a09547","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T04:35:59.404Z","latestAt":"2026-09-15T04:35:59.404Z"},{"id":"01a06644-b5d3-7468-bb55-10365bc6cfff","type":"creator.followed","target":{"type":"creator","id":"c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4","preview":"Gustavo H. ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c6d0aad4-c0dd-4029-861d-0cd6aaa6f3f4/94zcb8k9","slug":"madebygustavoh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-03T07:56:14.159Z","latestAt":"2026-09-03T07:56:14.159Z"},{"id":"019fc8c6-d8c5-7768-a20a-00ec5e6fee0b","type":"creator.followed","target":{"type":"creator","id":"bf60bf76-0344-4825-b2c3-1cd707ebfe01","preview":"Arsalan Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/855385/avatar-DWL8R4zMvzueddkHXxCNTeiEyJ3Wse.jpg","slug":"devarsalanali","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T17:58:22.655Z","latestAt":"2026-08-03T17:58:22.655Z"},{"id":"019fc8c4-e0cb-7339-a0f6-d4e36dbf403c","type":"comment.liked","target":{"type":"comment","id":"019fc2c5-9704-7564-b22a-a14a394abaa1","preview":"This looks great! I'm wondering how it looks in Mobile though. Have you also done this version? Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This looks great! I'm wondering how it looks in Mobile though. Have you also done this version? Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fc2c5-9704-7564-b22a-a14a394abaa1"},"repost":null}},"context":{"type":"post","id":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","preview":"Real-Time Cursors","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/heq144o6","targetDeleted":false,"owned":true,"actions":{"postId":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","like":{"count":51,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T17:56:13.638Z","latestAt":"2026-08-03T17:56:13.638Z"},{"id":"019fc8c4-d324-713a-8f1d-3aa62280b219","type":"comment.reply","target":{"type":"post","id":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","preview":"Real-Time Cursors","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/heq144o6","targetDeleted":false,"owned":true,"actions":{"postId":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","like":{"count":51,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fc8c4-d305-728c-ac1f-cfea3c092834","preview":"Hello @Hernan Pereyra Oviedo, yes the component is fully customizable and works perfectly on mobile too! As your layout changes across breakpoints, you can adjust the component settings independently for desktop, tablet, and mobile to make it fit each layout perfectly.\nFor example, you can tweak the cursor positions and coordinates so they better match the available space, display fewer cursors on smaller screens to improve usability, or increase their size to make them more visible. You have full control over all the component's settings and can customize them based on the screen size ✨","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello "},{"type":"mention","attrs":{"id":"8a6b6df5-3226-4932-9b1f-12f4b5634680","slug":"hernan-pereyra-oviedo","label":"Hernan Pereyra Oviedo","mentionSuggestionChar":"@"}},{"type":"text","text":", yes the component is fully customizable and works perfectly on mobile too! As your layout changes across breakpoints, you can adjust the component settings independently for desktop, tablet, and mobile to make it fit each layout perfectly."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"For example, you can tweak the cursor positions and coordinates so they better match the available space, display fewer cursors on smaller screens to improve usability, or increase their size to make them more visible. You have full control over all the component's settings and can customize them based on the screen size "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fc2c5-9704-7564-b22a-a14a394abaa1"},"repost":null}},"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-03T17:56:10.148Z","latestAt":"2026-08-03T17:56:10.148Z"},{"id":"019fb264-fe1e-7118-808a-3b19e5fc8a88","type":"post.liked","target":{"type":"post","id":"019f939f-4148-71ba-8f55-288a89b483dc","preview":"Hey @Framer people 👋 I'm Lera & I couldn't help myself, just had to recreate this famous curl effect, btw using my PATTERNS & NOISE plugin for quirky images (✿ᴗ͈ˬᴗ͈)⁾⁾","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey @Framer people "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" I'm Lera & I couldn't help myself, just had to recreate this famous curl effect, btw using my "},{"type":"text","text":"PATTERNS & NOISE","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/FCYDg9j","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" plugin for quirky images (✿ᴗ͈ˬᴗ͈)⁾⁾"}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/ndcul58bOjG45rm01ZCXlMVIG6GKPk2JdZAkEnSexFK4/thumbnail.webp?time=3.983","targetDeleted":false,"owned":false,"actions":{"postId":"019f939f-4148-71ba-8f55-288a89b483dc","like":{"count":52,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T09:39:50.936Z","latestAt":"2026-07-30T09:39:50.936Z"},{"id":"019fa764-5bee-700f-a36d-cc2a9071becf","type":"creator.followed","target":{"type":"creator","id":"209599a8-0d68-4eb0-b17c-dbbf2810ce1f","preview":"Jawad Ahmad","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/209599a8-0d68-4eb0-b17c-dbbf2810ce1f/WQDTE1KSV","slug":"jawadahmad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-28T06:23:20.042Z","latestAt":"2026-07-28T06:23:20.042Z"},{"id":"019f9d26-1a3b-721f-a7b5-56da706db43b","type":"creator.followed","target":{"type":"creator","id":"a304be90-7625-4a8d-86c0-d6a005c303d1","preview":"Shiddy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2453900/avatar-wSelHXMCBf29UKPTA1o8ldJopJzkzP.jpg","slug":"shiddy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-26T06:39:07.827Z","latestAt":"2026-07-26T06:39:07.827Z"},{"id":"019f8dda-98f4-75db-90db-91a8d7c62d3b","type":"creator.followed","target":{"type":"creator","id":"52b07593-e9e2-457e-8a15-6b5c4b64bbc0","preview":"Bryn Taylor","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28809/bryn-taylor-400-eHtZz9wnDGYajkJYqto5SgMs5gDnG2.jpg","slug":"bryn-taylor","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T07:22:21.296Z","latestAt":"2026-07-23T07:22:21.296Z"},{"id":"019f88a8-3baa-759d-a5fa-ea00a791e136","type":"creator.followed","target":{"type":"creator","id":"c2593afd-3229-43f7-9bd9-1d0c47848562","preview":"Gustave Flowbert","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28803/7ZJp9HSM8UYFPi6nrcwsXk3oYY-50mFsR5LLLFv5QWstXyzsBVkKH3woo.jpeg","slug":"gustave-flowbert","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T07:09:14.533Z","latestAt":"2026-07-22T07:09:14.533Z"},{"id":"019f7b25-d283-711f-9674-b29780649909","type":"creator.followed","target":{"type":"creator","id":"86b7f82c-4915-4c5c-8404-92ec69b10eca","preview":"Vitalii Sokhovych-Kanarovskiy","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/86b7f82c-4915-4c5c-8404-92ec69b10eca/PBhL2nE2K","slug":"venigman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-19T16:11:44.125Z","latestAt":"2026-07-19T16:11:44.125Z"},{"id":"019f6ebd-5ed1-730e-a4a3-5dfb30af3115","type":"creator.followed","target":{"type":"creator","id":"6ff5cb46-0702-479b-921e-a15c5d5bae3c","preview":"d8d GmbH","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/686998/avatar-JSq1s7QQPdyo4AyRcRcJ6WikpgEH2r.jpg","slug":"d8d-gmbh","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T06:22:12.172Z","latestAt":"2026-07-17T06:22:12.172Z"},{"id":"019f6ebd-3558-7459-8e73-4c0a111a3e7a","type":"creator.followed","target":{"type":"creator","id":"7af10058-58c2-449b-a87f-b183b2a8b787","preview":"Jakson Jr STD Webster","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/512385/avatar-TpqhhEfRN9TnkceSRzDXqXGQXlVsj9.jpg","slug":"jackjnor","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-17T06:22:01.556Z","latestAt":"2026-07-17T06:22:01.556Z"},{"id":"019f6b4f-165c-762c-b36c-a9f447f890e6","type":"post.liked","target":{"type":"post","id":"019f69ed-1a45-7339-b302-a6e83317e9f2","preview":"Still crazy to me how quickly I can turn my wild ideas into interactive reality with the Framer Agent. Built this 3D sphere to showcase videos and images in less than an hour","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Still crazy to me how quickly I can turn my wild ideas into interactive reality with the Framer Agent. Built this 3D sphere to showcase videos and images in less than an hour"}]}]},"thumbnail":"https://image.mux.com/jfkZuSRMu3l1ImzQTedc8h3Joh3W402BmgYRLF3NYKGI/thumbnail.webp?time=10.367","targetDeleted":false,"owned":false,"actions":{"postId":"019f69ed-1a45-7339-b302-a6e83317e9f2","like":{"count":65,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":7,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T14:22:53.016Z","latestAt":"2026-07-16T14:22:53.016Z"},{"id":"019f616d-532e-76df-af98-8a8bc594c01b","type":"creator.followed","target":{"type":"creator","id":"d6988df4-f290-48ec-96d4-1b489a40776a","preview":"Turab Ali","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1860967/avatar-wgqU7tZqT4PDJfyeuhMGmG0C3yzmJS.jpg","slug":"ali-hussain-turabi","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-14T16:19:42.505Z","latestAt":"2026-07-14T16:19:42.505Z"},{"id":"019f5af4-5f4a-7519-843c-a850d2dabc30","type":"creator.followed","target":{"type":"creator","id":"11f09613-b01a-478d-8a85-e15fcaac0409","preview":"Anita Karim ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/11f09613-b01a-478d-8a85-e15fcaac0409/gecjnva7","slug":"anitakarim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","slug":"kopai-studio","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-13T10:09:52.436Z","latestAt":"2026-07-13T10:09:52.436Z"}],"pagination":{"next":"MjAyNi0wNy0xM1QxMDowOTo1Mi40MzZafDAxOWY1YWY0LTVmNGEtNzUxOS04NDNjLWE4NTBkMmRhYmMzMA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b12f0aac-9ce7-4918-ba83-c7a38e7faff4:/unified/posts/?creator=b12f0aac-9ce7-4918-ba83-c7a38e7faff4&with=reposts":[{"data":[{"id":"019f1da2-7b84-71bd-ac29-aa4af102a689","title":null,"body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes, we built a dedicated Playground website for our Infinite Gallery PRO component so you can test it with your own images before buying","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" "},{"type":"text","text":"https://infinite-gallery-pro-playground.framer.website ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://infinite-gallery-pro-playground.framer.website","target":"_blank"}}]},{"type":"emoji","attrs":{"name":"point_left","emoji":"👈"}}]},{"type":"paragraph","content":[{"type":"text","text":"Why?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Marketplace previews show the result, but not the experience. The Playground lets you upload your media and try the workflow, so you can feel how quickly you can build and how far you can push the settings."}]},{"type":"paragraph","content":[{"type":"text","text":"Infinite Gallery PRO is designed to be one of those components you can reuse across an entire site. It’s a powerful, versatile gallery builder that helps you create unique infinite-scrolling compositions without a complex setup, whether you’re building a ticker, a media gallery, animated reviews, or even bold static layouts with a distinctive look. "}]},{"type":"paragraph","content":[{"type":"text","text":"With this level of flexibility, the real question isn’t whether it looks good in a preview, but how it feels to use: is it fast, intuitive, and easy to customize?","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Note:","marks":[{"type":"italic"}]},{"type":"text","text":" "},{"type":"text","text":"the Playground is a lite demo limited to 5 images per section. The full component has no image limit.","marks":[{"type":"italic"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://infinite-gallery-pro-playground.framer.website","metadata":{"title":"Infinite Gallery PRO - Playground","description":"Play with Infinite Gallery PRO and customize it with your images.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/961b7574c5aca907/image.png","siteName":"","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/961b7574c5aca907/favicon.png"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":9,"edited":true,"editedAt":"2026-07-03T19:13:53.693Z","createdAt":"2026-07-01T12:23:35.560Z","updatedAt":"2026-07-03T19:13:53.693Z"},{"id":"019ee52f-1353-751b-b2d1-adfebcd68cad","title":null,"body":"

We couldn't participate in the @framer hackathon because we're based in Italy. BUT, we still had a lot of fun working on and releasing our new component: Pixel Art Canvas ✨

Your users will have a blast creating and downloading their pixel art creations directly from your website! Perfect for playful 404 pages, creative portfolios, and UGC experiences!

See everything it can do on our profile! ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We couldn't participate in the "},{"type":"text","text":"@framer ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]},{"type":"text","text":"hackathon because we're based in Italy. BUT, we still had a lot of fun working on and releasing our new component: Pixel Art Canvas "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Your users will have a blast creating and downloading their pixel art creations directly from your website! Perfect for playful 404 pages, creative portfolios, and UGC experiences! "}]},{"type":"paragraph","content":[{"type":"text","text":"See everything it can do on our profile! "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/hk67jfx6","metadata":{"tint":{"h":83,"s":54,"l":27},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-20T13:22:27.763Z","createdAt":"2026-06-20T13:18:48.151Z","updatedAt":"2026-06-20T13:22:27.763Z"},{"id":"019ed482-74dd-77f5-a2be-e476964a40ba","title":null,"body":"

Pixel Art Canvas is out now! ✨

Turn your website into a small creative playground where visitors can draw pixel art and download their work. Perfect for creative 404 pages, interactive and playful landing pages, and UGC experiences.

Pixel Art Canvas also comes with plenty of customisation options, including pixel grid size and custom colour palettes. More details in the description.

Show some love ❤

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixel Art Canvas is out now! "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Turn your website into a small creative playground where visitors can draw pixel art and download their work. Perfect for creative 404 pages, interactive and playful landing pages, and UGC experiences."}]},{"type":"paragraph","content":[{"type":"text","text":"Pixel Art Canvas also comes with plenty of customisation options, including pixel grid size and custom colour palettes. More details in the description."}]},{"type":"paragraph","content":[{"type":"text","text":"Show some love "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4okouY2pRB164s3wfUV1","resolved":true,"title":"Pixel Art Canvas","body":"$53","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"What is Pixel Art Canvas?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A playful, fully customizable component that turns your website into an interactive pixel art editor. Visitors can create artworks in seconds and download their creations, while you control the look, constraints and palettes to keep everything perfectly on-brand."}]},{"type":"customHeading","content":[{"type":"text","text":"Complete Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pixel Art Canvas is built to blend seamlessly into your design system. Configure the editor’s structure and styling for a minimal, guided experience or open it up for more creative freedom. Key features include:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Canvas:","marks":[{"type":"bold"}]},{"type":"text","text":" pixel grid size, background color, grid color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style Bar:","marks":[{"type":"bold"}]},{"type":"text","text":" background color, icon color, accent color, style bar alignment"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Palette:","marks":[{"type":"bold"}]},{"type":"text","text":" up to 10 ready-to-use curated palettes included. You can use them as-is or tweak names and colors to match your style"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Drawing Experience"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pixel Art Canvas is quick to learn, satisfying to use, and built for rapid experimentation: visitors can sketch, refine, and export their artworks in minutes."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drawing tools:","marks":[{"type":"bold"}]},{"type":"text","text":" draw and erase on the canvas, choose stroke options, use default palettes or your custom colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Control tools:","marks":[{"type":"bold"}]},{"type":"text","text":" undo/redo, clear and restart, move pixels around to adjust existing parts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Export options:","marks":[{"type":"bold"}]},{"type":"text","text":" export the artwork as "},{"type":"text","text":"PNG","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"SVG","marks":[{"type":"bold"}]}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative portfolios and studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive and playful landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Community and UGC experiences"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative and playful 404 pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Educational and kid-friendly creative tools"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Campaigns, challenges, and event pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Made something with Pixel Art Canvas?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Share it with us. Send your artwork or website link and we’ll be happy to showcase it "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"customHeading","content":[{"type":"text","text":"Support & Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A full refund will be provided if the component does not work as described and we are unable to resolve the issue. Refunds are not available for any other reasons such as accidental purchases, change of mind, expectations of features that were not clearly listed or lack of use. For any queries and support, contact "},{"type":"text","text":"kopai.designstudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:kopai.designstudio@gmail.com","target":"_blank"}}]}]}]},"introduction":"Creative playground for your site","slug":"pixel-art-canvas","author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/p4ty5546","metadata":{"tint":{"h":83,"s":54,"l":27},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T07:36:19.889Z","updatedAt":"2026-06-17T07:36:19.889Z","publishedAt":"2026-06-17T07:36:19.886Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pixel-art-canvas.framer.website/","price":"6","paymentUrl":"https://buy.polar.sh/polar_cl_xE85xkWDKhDic2bPq89vq1zy1q6rWbuUzDAZt26dchl","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"oa5hywnIfALlueVquatX","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-06-17T07:36:19.933Z","updatedAt":"2026-06-17T07:36:19.933Z"},{"id":"019d9093-e7ef-7bc8-ac7f-de2e5d52b77f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[],"resources":[{"id":"C0cCuAypxZ8VWzZuGrxO","resolved":true,"title":"Real-Time Cursors","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-Time Cursors lets you simulate live collaboration directly on your website. Add up to 5 independent cursors and define exactly how each one moves, behaves and looks."}]},{"type":"paragraph","content":[{"type":"text","text":"Each cursor can be configured individually, allowing you to create subtle background interaction or dynamic, attention-grabbing motion scenes."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Path Control"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Define how each cursor moves across the canvas. All positions are set in percentages, ensuring fully responsive behavior across different layouts and screen sizes. You can choose between 2 movement types: Linear and Path."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Linear:","marks":[{"type":"bold"}]},{"type":"text","text":" move the cursor from point A to point B. Ideal for directional gestures or repeated motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Path:","marks":[{"type":"bold"}]},{"type":"text","text":" create custom routes using up to 5 coordinate points. Perfect for guided or complex movement patterns."}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Complete Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Customize the visual style of every cursor. Each cursor is independent, allowing you to match them perfectly with your brand or interface style. Key features include:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font: ","marks":[{"type":"bold"}]},{"type":"text","text":"type, size, weight and color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Chip:","marks":[{"type":"bold"}]},{"type":"text","text":" name, color, stroke, shadow, radius, padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor:","marks":[{"type":"bold"}]},{"type":"text","text":" size, color, stroke, shadow, position, motion"}]},{"type":"paragraph"}]}]},{"type":"customHeading","content":[{"type":"text","text":"Motion Control"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Define how each cursor moves and behaves. Every cursor can be configured independently, making layered and natural motion easy to achieve."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose between Linear or Path movement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable or disable looping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose between Spring, Ease or Instant transitions"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Best For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simulating live collaboration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and startup landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product demos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"UI storytelling and walkthroughs"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Support & Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A full refund will be provided if the component does not work as described and we are unable to resolve the issue. Refunds are not available for any other reasons such as accidental purchases, change of mind, expectations of features that were not clearly listed or lack of use. For any queries and support, contact "},{"type":"text","text":"kopai.designstudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:kopai.designstudio@gmail.com","class":null,"target":"_blank"}}]}]}]},"introduction":"Simulate Live Collaboration","slug":"real-time-cursors","author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/heq144o6","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-08T17:05:07.107Z","updatedAt":"2026-06-16T19:38:08.971Z","publishedAt":"2026-04-15T09:58:25.519Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://real-time-cursors.framer.website","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_GvhLOnK1w150P4Z9R6EidGBTRYphjwSF9eo2y4Yr4jJ","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"fDXr22pSptstYTCEU6Dy","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":51,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T09:58:25.519Z","updatedAt":"2026-04-15T09:58:25.519Z"},{"id":"019d1f2b-8123-71d8-b4cb-169640159341","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[],"resources":[{"id":"zPqi1rLFlG4Vv2rzVpnZ","resolved":true,"title":"Infinite Gallery PRO","body":"$55","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" One component, hundreds of uses"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Stop stitching together different components for every section of your website. "},{"type":"text","text":"Infinite Gallery PRO","marks":[{"type":"bold"}]},{"type":"text","text":" is a powerful, fully customizable gallery builder. Create unique infinite-scrolling compositions that feel richer, immersive and dynamic, without a complex setup. Whether you need a ticker, a media gallery, animated reviews or fancy and distinctive static layouts, Infinite Gallery PRO adapts to the job."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" "},{"type":"text","text":"Test it before buying","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Visit "},{"type":"text","text":"Infinite Gallery PRO Playground","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/Component-Playground","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" and upload your own media. Explore layouts and properties to build your composition in minutes. "}]},{"type":"paragraph","content":[{"type":"text","text":"Note:","marks":[{"type":"bold"}]},{"type":"text","text":" the Playground is a lightweight demo built to let you try a lite version of the component. For that reason, uploads are capped at 5 images per section. "},{"type":"text","text":"The full component has no image limit.","marks":[{"type":"bold"}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" C","marks":[{"type":"bold"}]},{"type":"text","text":"hoose a Layout"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Choose a layout and shape it into your own composition. Infinite Gallery PRO comes with three layout modes: "},{"type":"text","text":"Circular","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Isometric","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"Classic","marks":[{"type":"bold"}]},{"type":"text","text":". "}]},{"type":"customHeading","content":[{"type":"text","text":"Circular"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Create up to 7 concentric orbits with independent behaviour. Some of key features are: scale, densit, orbit alignment, section gap."}]},{"type":"customHeading","content":[{"type":"text","text":"Isometric"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Transform a standard media grid into a 3D perspective layout. Some key features are: angle, orientation."}]},{"type":"customHeading","content":[{"type":"text","text":"Classic"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"A multi column infinite grid with up to 7 independent sections. Fine tune key-properties, from padding to scroll speed, and use it both in vertical and horizontal directions."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Full Motion Control"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Decide how everything moves or keep it completely still. Apply settings globally or configure them per section. Key features include: scroll speed and direction, autoplay speed & hover."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Watch it in action"}],"attrs":{"level":1}},{"type":"customHeading","attrs":{"level":1}},{"type":"customYoutube","attrs":{"src":"https://www.youtube.com/embed/8TyErG6UpY8?color=white&autoplay=0&controls=1&rel=0","width":700,"height":395,"caption":"Infinite Gallery PRO","data-youtube-url":"https://youtu.be/8TyErG6UpY8"}},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"A full refund will be provided if the component does not work as described and we are unable to resolve the issue. Refunds are not available for any other reasons such as accidental purchases, change of mind, expectations of features that were not clearly listed or lack of use. For any queries and support, contact "},{"type":"text","text":"kopai.designstudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://kopai.designstudio@gmail.com","class":null,"target":"_blank"}}]}]}]},"introduction":"Stunning Layouts, Infinite Motion","slug":"infinite-gallery-pro","author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/bldvmq6a","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-09T19:15:17.654Z","updatedAt":"2026-06-17T05:51:50.203Z","publishedAt":"2026-03-24T09:27:18.051Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://infinite-gallery-pro.framer.website","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_yVB2bPuCsRZIVWJmRfU6DucKSF6T7VaPtPRpZ0pYDvL","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"S3l9I2Csl5krZtYz7ByQ","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-03-24T09:27:18.051Z","updatedAt":"2026-03-24T09:27:18.051Z"},{"id":"019bb84a-0f2b-7efb-9bf9-7193fcae50e2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[],"resources":[{"id":"e7O2zQXrgQbc0V3aXG8w","resolved":true,"title":"Hover Text Reveal","body":"$56","bodyJson":null,"introduction":"Smooth animation for your typography.","slug":"hover-text-reveal","author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/e7O2zQXrgQbc0V3aXG8w/hover-text-reveal-lWeRP6Fp9XFRKRksCFqDzlt6GCbUmi","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-29T16:47:22.817Z","updatedAt":"2026-02-14T08:05:45.357Z","publishedAt":"2026-01-13T16:56:59.947Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/HoverTextReveal-2mRt.js@jqcanlEjxhqqGgkmN9hP","previewUrl":"https://welcomed-professionals-359250.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"jqcanlEjxhqqGgkmN9hP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-13T16:56:59.947Z","updatedAt":"2026-01-13T16:56:59.947Z"},{"id":"019bb292-a999-7f3b-acb4-e7ded6d2a0ac","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Zcq3NndiwuLekL6WF6CL","resolved":true,"title":"Shuffle Text","body":"$57","bodyJson":null,"introduction":"Smoothly animate your text on hover.","slug":"shuffle-text","author":{"framerUserId":"b12f0aac-9ce7-4918-ba83-c7a38e7faff4","name":"Kopai Studio","slug":"kopai-studio","avatar":"https://framerusercontent.com/avatars/users/b12f0aac-9ce7-4918-ba83-c7a38e7faff4/rmhx41i_D","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Zcq3NndiwuLekL6WF6CL/shuffle-text-yohB6KqQtKXkgVjSrv2VuFHmvkxpix","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-29T14:33:06.507Z","updatedAt":"2026-02-14T08:12:36.811Z","publishedAt":"2026-01-12T14:18:34.777Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/TextShuffle-1A6t.js@uQSe7bImdouyr9zDM5cq","previewUrl":"https://intellectual-prototyper-647981.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"uQSe7bImdouyr9zDM5cq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-12T14:18:34.777Z","updatedAt":"2026-01-12T14:18:34.777Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L58"}]