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.
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.
404 Error Pages
Maintenance & Coming Soon Pages
Interactive Landing Pages
Fun Portfolios
Memorable Brand Experiences
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.
If you run into any bugs or technical issues, please report them to us at kamralakshay4@gmail.com or leave a comment below this post, and we'll reach out shortly!
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.
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.
404 Error Pages
Maintenance & Coming Soon Pages
Interactive Landing Pages
Fun Portfolios
Memorable Brand Experiences
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.
If you run into any bugs or technical issues, please report them to us at kamralakshay4@gmail.com or leave a comment below this post, and we'll reach out shortly!
