Collection
Post cover
Created 4 month back

Best 16 JavaScript Snake Games

Collection of free JavaScript Snake game code examples from codepen and other resources.

Post cover

Neon Snake

Author: Sebastian Opperman

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Neon snake game built on HTML5 Canvas.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

Canvas Snake Game

Author: Max

Links: demo and code

Made with: HTML / CSS / JS

Found a nice script around the net. Pimped it a bit and got this result :) Hope you like it!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jquery.js

Post cover

React Game: Snake

Author: Kyle Wetton

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: react.js, react-dom.js

Post cover

Snake Game - p5js

Author: Elena

Links: demo and code

Made with: HTML / CSS / JS

Eat the grey square. Don't hit the red borders or the snake body.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: p5.js, p5.dom.js

Post cover

Pixelated Snake Game

Author: Anish Shamarao

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Post cover

AI Snake

Author: brezhart

Links: demo and code

Made with: HTML / CSS / JS

Can you win that AI snake? I don't think so.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: nes.css

Post cover

Simple Snake Game

Author: Caio Paiola

Links: demo and code

Made with: HTML / CSS / JS

HTML5 game.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

SN4KE

Author: Vincent

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (Babel)

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

Vanilla JS Snake

Author: F A R I A T

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css

Post cover

Snake Game

Author: Sayeed Markus

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

16bit Snake Game

Author: Betkowski

Links: demo and code

Made with: HTML / CSS / JS

Use keyboard arrows or buttons. 1. Hitting walls is a no-no. 2. Don't eat yourself. 3. Traveling backwards is a no-no too. 4. Everytime you fail it's faster.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: font-awesome.css, jquery.js

Post cover

Snake Game With Obelisk.js

Author: Sebastian Faedo

Links: demo and code

Made with: HTML / CSS / JS

The movement is relative to the snake, so you use only left and right keys.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: obelisk.js

Post cover

Snake Game

Author: Jack Rugile

Links: demo and code

Made with: HTML / CSS / JS

This is a basic snake game made with JavaScript for logic and CSS for rendering. Use the arrow keys or WASD to control the snake. You can loop through walls.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

Fading Snake

Author: Hunor Marton Borbely

Links: demo and code

Made with: HTML / CSS / JS

No libraries, no preprocessors, no imports not even SVG or canvas. Just plain HTML, CSS, and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

Snake

Author: Derek Viets

Links: demo and code

Made with: HTML / CSS / JS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Post cover

Snake

Author: Steve Gardner

Links: demo and code

Made with: HTML / CSS (SCSS) / JS (TypeScript)

A retro game of Snake with keyboard and touch controls.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: jsfx.js, rx.js

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback