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/077g_l9cwe8hz.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/2ouyrs2yz196q.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/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.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/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:T957,

Ninja Runner is an interactive, highly engaging Framer component that brings a fully playable endless runner minigame right to your website.

It’s completely customizable directly within the Framer properties panel. Easily adjust the scenery colors to match your brand, customize the typography and UI text, tweak the retro sound effects, and control how users interact with it. Just drop it onto your canvas, and you instantly have a polished, responsive minigame with zero extra setup.

Features & Controls

This component is incredibly flexible, giving you full control over nearly every element directly from the properties panel:

Environment: Adjust the Background and Ground colors, and precisely position the ground level using the Y-Axis control.
Character & Obstacles: Customize the Ninja and obstacles to match your brand. Choose a solid color fill, or pick from four dynamic gradient styles (linear, conical, radial, and mesh).
Audio: Independently toggle the retro sound effects for jumps, game over states, and scoring (plays every time you cross 100 points).
Interaction: Toggle the "Global Click" option to allow users to trigger jumps by clicking anywhere on the page.
Typography & UI: Fully customize the Game Over, Score, and Restart text. You can rewrite the copy, change the text colors, and perfectly position them using X and Y-axis controls.

Perfect For

404 Error Pages
Maintenance & Coming Soon Pages
Interactive Landing Pages
Fun Portfolios
Memorable Brand Experiences

Technical Quality

Fully Responsive: Scales perfectly across all screen sizes, even down to small 300px mobile widths.
Highly Optimized: GPU-accelerated for buttery smooth performance, ensuring great frame rates even on older or slower devices.

Request Changes or Report Bugs

If you run into any bugs or technical issues, please report them to us at designbylakshay@gmail.com or leave a comment below this post, and we'll reach out shortly!

59:[["$","$L5c",null,{"post":{"id":"01a004c9-ea0e-709a-ab5e-b6b6b218cabc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a8760e52-ad71-4d2c-b1d3-e0cf5882b434","name":"Lakshay Kamra","slug":"lakshaykamra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/jiw52ew5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"gqIL0RVfj7PDLIYBo9Ua","resolved":true,"title":"Error Game","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ninja Runner is an interactive, highly engaging Framer component that brings a fully playable endless runner minigame right to your website."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s completely customizable directly within the Framer properties panel. Easily adjust the scenery colors to match your brand, customize the typography and UI text, tweak the retro sound effects, and control how users interact with it. Just drop it onto your canvas, and you instantly have a polished, responsive minigame with zero extra setup."}]},{"type":"customHeading","content":[{"type":"text","text":"Features & Controls"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This component is incredibly flexible, giving you full control over nearly every element directly from the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Environment:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the Background and Ground colors, and precisely position the ground level using the Y-Axis control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Character & Obstacles:","marks":[{"type":"bold"}]},{"type":"text","text":" Customize the Ninja and obstacles to match your brand. Choose a solid color fill, or pick from four dynamic gradient styles (linear, conical, radial, and mesh)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Audio: ","marks":[{"type":"bold"}]},{"type":"text","text":"Independently toggle the retro sound effects for jumps, game over states, and scoring (plays every time you cross 100 points)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction: ","marks":[{"type":"bold"}]},{"type":"text","text":"Toggle the \"Global Click\" option to allow users to trigger jumps by clicking anywhere on the page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography & UI: ","marks":[{"type":"bold"}]},{"type":"text","text":"Fully customize the Game Over, Score, and Restart text. You can rewrite the copy, change the text colors, and perfectly position them using X and Y-axis controls."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":" Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 Error Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Maintenance & Coming Soon Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Landing Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fun Portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Memorable Brand Experiences"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Technical Quality"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Scales perfectly across all screen sizes, even down to small 300px mobile widths."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" GPU-accelerated for buttery smooth performance, ensuring great frame rates even on older or slower devices."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Request Changes or Report Bugs"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you run into any bugs or technical issues, please report them to us at "},{"type":"text","text":"designbylakshay@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:kamralakshay4@gmail.com","target":"_blank"}}]},{"type":"text","text":" or leave a comment below this post, and we'll reach out shortly!"}]}]},"introduction":"Free Ninja Game for Error Pages","slug":"error-game","author":{"framerUserId":"a8760e52-ad71-4d2c-b1d3-e0cf5882b434","name":"Lakshay Kamra","slug":"lakshaykamra","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/jiw52ew5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a8760e52-ad71-4d2c-b1d3-e0cf5882b434/01a004c9-9da9-756d-8fb2-69a48cfa9173.png"}],"post":null,"createdAt":"2026-08-15T09:38:56.082Z","updatedAt":"2026-09-02T14:06:10.820Z","publishedAt":"2026-08-15T09:38:56.079Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ninja-uqm1Nd.js@yXuac8K8kDvoyg1hWkj3","previewUrl":"https://error-games.framer.website/?via=kdkdkd&dub_id=3bEKJnAQvQrZG0vV","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"3a855006-6097-4489-b33b-8024cb26633e","name":"Interactions","slug":"interactions"}],"lastSaveId":"yXuac8K8kDvoyg1hWkj3"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-15T09:38:56.655Z","updatedAt":"2026-08-15T09:38:56.655Z","reported":false}}],"$L5e"]

Suggested for you