5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:Te49,

Transform your website into a playable retro arcade with DX Grid—a Breakout-inspired game built for Framer. With smooth gameplay, neon visuals, responsive controls, and dynamic power-ups, it's a fun way to keep visitors engaged and make your website stand out.

✨ Key Features

🕹 Classic Arcade Gameplay Fast-paced brick-breaker action with smooth physics and responsive controls.

🚀 Progressive Levels Face tougher stages with stronger bricks and faster gameplay.

⚡ Dynamic Power-Ups Collect Wide Paddle, Fireball, Multiball, and Slow Motion.

✨ Cinematic Visuals Neon lighting, particles, and polished motion effects.

📊 Live HUD Track Score, Level, Lives, and active power-ups.

🎨 Easy Customization Customize accent color, background color, and ball speed.

⚡ Plug & Play Drop it into your Framer project and start playing instantly.

🎮 Perfect For

Portfolios • Landing Pages • Agency Websites • Product Launches • Hero Sections • Gaming Websites

💡 Why You'll Love It

DX Grid turns your website into an interactive experience that keeps visitors engaged, encourages exploration, and leaves a memorable first impression.

🔄 Refund Policy

Due to the digital nature of this product, all purchases are final and non-refundable.

If you experience any issues or need help integrating the component into your Framer project, feel free to reach out. I'll be happy to help you get everything running smoothly.

❓ Questions & Support

Free lifetime updates and email support are included with every purchase.

If you have any questions, feel free to email me or connect with me on LinkedIn.

You can also visit Integry to explore more Framer templates and components.

🚀 Setting Up

Need help setting up your website or integrating this component?

Just send me an email or connect on LinkedIn, and I'll help you get everything running perfectly in your Framer project.

59:[["$","$L5c",null,{"post":{"id":"019f8561-02b6-73b9-8735-d51a5022e528","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"189902f2-577b-409b-a96e-d63b629fc3b4","name":"Integry","slug":"integrystudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/96437/avatar-MfTznqKeqttkCeqaHZ3PNQowNQRZ0W.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YpbyKey3j8X3KygHTrk4","resolved":true,"title":"DX Grid","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Live Preview →","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://integry.framer.ai/components/dxgrid","target":"_blank"}},{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Transform your website into a playable retro arcade with "},{"type":"text","text":"DX Grid","marks":[{"type":"bold"}]},{"type":"text","text":"—a Breakout-inspired game built for Framer. With smooth gameplay, neon visuals, responsive controls, and dynamic power-ups, it's a fun way to keep visitors engaged and make your website stand out."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"joystick","emoji":"🕹"}},{"type":"text","text":" Classic Arcade Gameplay","marks":[{"type":"bold"}]},{"type":"text","text":" Fast-paced brick-breaker action with smooth physics and responsive controls."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Progressive Levels","marks":[{"type":"bold"}]},{"type":"text","text":" Face tougher stages with stronger bricks and faster gameplay."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Dynamic Power-Ups","marks":[{"type":"bold"}]},{"type":"text","text":" Collect "},{"type":"text","text":"Wide Paddle","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Fireball","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Multiball","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Slow Motion","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Cinematic Visuals","marks":[{"type":"bold"}]},{"type":"text","text":" Neon lighting, particles, and polished motion effects."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"bar_chart","emoji":"📊"}},{"type":"text","text":" Live HUD","marks":[{"type":"bold"}]},{"type":"text","text":" Track Score, Level, Lives, and active power-ups."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Easy Customization","marks":[{"type":"bold"}]},{"type":"text","text":" Customize accent color, background color, and ball speed."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Plug & Play","marks":[{"type":"bold"}]},{"type":"text","text":" Drop it into your Framer project and start playing instantly."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"video_game","emoji":"🎮"}},{"type":"text","text":" Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Portfolios • Landing Pages • Agency Websites • Product Launches • Hero Sections • Gaming Websites"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"bulb","emoji":"💡"}},{"type":"text","text":" Why You'll Love It"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"DX Grid turns your website into an interactive experience that keeps visitors engaged, encourages exploration, and leaves a memorable first impression."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"arrows_counterclockwise","emoji":"🔄"}},{"type":"text","text":" Refund Policy","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Due to the digital nature of this product, all purchases are final and non-refundable."}]},{"type":"paragraph","content":[{"type":"text","text":"If you experience any issues or need help integrating the component into your Framer project, feel free to reach out. I'll be happy to help you get everything running smoothly."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"question","emoji":"❓"}},{"type":"text","text":" Questions & Support","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Free lifetime updates and email support are included with every purchase."}]},{"type":"paragraph","content":[{"type":"text","text":"If you have any questions, feel free to "},{"type":"text","text":"email me","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:integrystudio@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" or connect with me on "},{"type":"text","text":"LinkedIn","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/amio-alam-pial-29649a230/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"You can also visit "},{"type":"text","text":"Integry","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://integry.framer.ai/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" to explore more Framer templates and components."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Setting Up","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Need help setting up your website or integrating this component?"}]},{"type":"paragraph","content":[{"type":"text","text":"Just "},{"type":"text","text":"send me an email","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:integrystudio@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"connect on LinkedIn","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/amio-alam-pial-29649a230/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":", and I'll help you get everything running perfectly in your Framer project."}]}]},"introduction":"Give Visitors a Reason to Stay","slug":"dx-grid","author":{"framerUserId":"189902f2-577b-409b-a96e-d63b629fc3b4","name":"Integry","slug":"integrystudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/96437/avatar-MfTznqKeqttkCeqaHZ3PNQowNQRZ0W.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/189902f2-577b-409b-a96e-d63b629fc3b4/019f855f-c776-712c-b0c6-d9a0aad05e71.png"}],"post":null,"createdAt":"2026-07-21T15:52:34.911Z","updatedAt":"2026-07-21T21:19:15.039Z","publishedAt":"2026-07-21T15:52:34.890Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dxgrid.framer.website/","price":"7","paymentUrl":"https://buy.polar.sh/polar_cl_sQOWyJAvNaM2JtULsDo2oJhAeeA7K1SWrdBf72yJSZF","workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"4FDTGVnn5hn8DCtPr4i6"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T15:52:35.256Z","updatedAt":"2026-07-21T15:52:35.256Z","reported":false}}],"$L5e"]

Suggested for you