Skip to content

Glitch Tail Snake

Snake Game - Classic arcade fun

Glitch Tail Snake  preview image 1

Summary

Snake Game - Classic arcade fun

Description

About The Snake Game component adds an addictive, retro gaming experience directly to your Framer projects. Whether you want to entertain visitors on a 404 page or create a memorable landing page, this component is ready to go. It’s fully responsive, supports both desktop (keyboard) and mobile (on-screen controls), and is licensed for unlimited personal and commercial projects.

What it does It renders a classic Snake game where players navigate a growing snake to collect food while avoiding obstacles. It features three distinct game modes: Classic (hit the wall, game over), No Walls (wrap-around movement), and Timed (race against the clock). The game includes built-in logic for growth rates, power-ups, and adjustable speeds, ensuring a smooth experience across all devices.

What you can customize Everything is easily adjustable directly from the Framer property panel to match your brand:

  • Gameplay Logic: Choose your Game Mode, adjust the Game Speed (ms), set the Snake's Growth Rate, and toggle Power-ups or Spawn Rates.

  • Visual Styling: Fully customize the colors for the Snake, Food, Grid lines, and Background.

  • Background Types: Switch between a Solid Color, an Image, or a Pattern to set the vibe.

  • Layout & UI: Resize the Game Space, adjust Container Corner radius, and show or hide the on-screen Arrow Buttons for mobile users.

Great for (examples)Just a few ideas – you can use it anywhere you want to increase "dwell time" on your site:

  • Interactive 404 pages to turn a dead-end into a fun experience.

  • “Coming Soon” pages to keep users engaged while you build.

  • Portfolio Easter eggs hidden in a footer or a "secret" section.

  • Gamified marketing where users can play to "unlock" a discount code.

  • Hero sections for creative agencies or personal brands.

Share your build If you ship something cool with it, post it on X and tag me @Dulajweb, or send it over. I’d love to see what you create.Need help?

Questions or feedback? Reach me anytime: [email protected] or on X @Dulajweb

Rank history How rankings work →

1500110001104228/149/49/2610/1811/9
  • All · #10385

Details

More like this