Slither.io Clone

Slither.io clone · Arcade game · built by the Vibecode team

This rebuilds slither.io with its real name and look: the rainbow wordmark, Nickname field, green Play button and Change Skin screen over a dark hexagon arena. Steer with the mouse, hold to boost, and eat glowing orbs to grow while 30 computer snakes hunt the same food. Touch another snake's body and you burst into orbs; make them hit yours and you feast. A live Leaderboard, Your length and Your rank, a minimap, 24 skins, three backgrounds and a saved best length are all there, on desktop and phones.

Web app
Hand-built
Free to remix

Slither.io Clone, arcade game built with Vibecode

Remix this template

Remix copies the working app into your account for free, exactly as we built it. It runs in your browser.

The prompt that builds it

We wrote Slither.io Clone by hand. This prompt describes the finished app: paste it into a new app to build your own version, or change it first.

Prompt · 683 words

Build a polished web clone of slither.io: a full-window canvas arena where you steer a glowing snake, eat orbs to grow, boost, and make 30 computer snakes crash into your body, with the real menu, Change Skin screen, live Leaderboard, "Your length / Your rank" and minimap.

It is slither.io on screen: its name, its dark arena of bevelled hexagon tiles (#161c22), glowing orbs in a dozen neon colours, and its words ("Nickname", "Play", "Change Skin", "Save", "Leaderboard", "Your length:", "Your rank: 9 of 30", "Your final length was 1,480"). Draw the "slither.io" wordmark in code: fat rounded letters (Fredoka 700), each its own pastel colour (cyan, green, blue, peach, yellow, pink, violet) with a thick dark outline and a slight tilt. HUD text in Lucida Sans / Arial bold. Original snakes only, drawn in code; no image or sound files.

SHELL
One page, no router screens, no login or onboarding. Opens on the menu over the live arena (bots slither behind a dark veil). Canvas for the game and HUD; React overlays for the menu, skin picker and settings.

SCREENS
1. Menu: wordmark, rounded "Nickname" field (#4c447c, lilac text), big green pill "Play", purple pill "Change Skin", "Settings" top-right, hint at the bottom ("Hold the mouse button or Space to speed up"; on touch: "Drag to steer. Hold the lightning button"). After a run: "Your final length was 1,480 · 2 kills" and "Your best length is 1,480" (saved).
2. Change Skin: the arena floor only, your snake wriggling in place in the middle, big left/right arrows, skin name on top, a row of colour dots, green "Save". 24 skins as repeating stripe colours (Grape, Ocean, Ice, Lime, Lemon, Tangerine, Salmon, Cherry, Orchid, Rainbow, Periwinkle, Coral Reef, Zebra, Bumblebee, Watermelon, Candy, Toxic, Sunset, Galaxy, Mint Choc, Ghost, Charcoal, Peacock, Lava).
3. Play: camera follows your head and zooms out as you grow. Top-right "Leaderboard" with 10 rows "#1 Captain Wiggles 9707", each rank its own colour, you included when you get there. Bottom-left "Your length: 1500" and "Your rank: 9 of 30". Bottom-right round minimap (dark disc, cross lines, faint dots for snakes, white dot for you). Grey nicknames under other heads.
4. Settings dialog: Quality High/Low (glows) and Background: Classic dark hex, Purple hex, Stone.

MECHANICS
Round world (radius 4800) with a red glowing wall; outside is dark. The head turns toward the mouse at a limited rate (bigger snakes turn wider); hold mouse/Space/Up to boost at 2.3x speed, which burns length and drops small orbs behind you; Left/Right or A/D steer from the keyboard; on phones drag to steer and hold a lightning button (or two fingers) to boost. Each snake is a chain of overlapping shaded discs (bright centre, dark rim) with a thin dark outline, big white eyes with pupils looking where it steers, and a pulsing glow along the body while boosting. Orbs within reach get sucked into the mouth and add length; length sets thickness and segment count. A head touching any OTHER snake's body (or the wall) dies; your own body is safe. Dead snakes burst into big glowing orbs in their colours. 30 bots with made-up names (a few giants up to ~9,700, many small) seek food, avoid bodies with a ray fan, sometimes boost to cut you off, and respawn after death. Fixed 60 Hz step with a seeded RNG and a spatial hash for bodies and food.

LOOK
Dark slate hexes with a soft bevel, neon orbs with additive glow, glossy snake segments, white HUD text with a soft shadow. Smooth 60 fps at 1440x900.

RULES
Deterministic demo: /?demo=1 types "Vibe", flips to the Rainbow skin, saves, presses Play and an autopilot plays seed 101 (two kills, grows past 1,400) until it crashes after 12 s; the run replays identically. Nickname, skin, best length, quality and background persist in localStorage.

REMIX-READY
game/brand.ts holds the name, wordmark colours, words, themes, orb colours and every tuning number; game/skins.ts and game/fixtures.ts hold skins and bot names; rules, AI, rendering and HUD in small files under 300 lines; README.md with a file map and remix ideas.