Games

Stay a while.
Play a game.

Nine browser games, from a slingshot to chess and Go, written for this page. No downloads, no app store, no sign-up. They use the colours and corners you pick in the panel on the right, and your website can have one too.

Slingshot

Pull our logo back on the slingshot, aim and let go. Land it in every hole to clear the level. Five throws per level, and spare throws earn a bonus. Keyboard: arrows to aim, Space to throw.

Level 1 / 5Throws 5Score 0Best 0

Click the logo, pull it back and let go.

All nine games are written in plain TypeScript with no libraries. Best scores are kept in your browser only.

Type and watch

Type something.
Something happens.

Three small toys that react to what you write. On a client site, the same idea becomes a name generator, a colour picker for a product or a playful search box.

Handwriting

Your name, written by hand

Colour

Words into colours

Physics

Falling letters

Little walkers

A website with
tiny residents.

Small people strolling along the bottom of a page. They wave when your cursor comes close and jump when you click them. Click an empty spot to drop in a new one. A detail like this makes visitors smile, and remember you.

0 walking now
For your website

Your site can have
something worth staying for.

Most websites get a few seconds of attention. A small game, quiz or interactive toy, made with your brand, products and colours, turns a quick look into a visit people remember. We design and build them to load fast and work on every phone.

Longer visits

A game gives people a reason to stay on your site for minutes, not seconds, and to come back to beat their score.

A brand they remember

Your products, colours and artwork inside a game make your business stick in people's minds far better than a banner.

Something to share

A seasonal game, a quiz or a prize wheel gives your social posts and newsletters something people actually want to click.

Ideas: a memory game with your products, a seasonal advent calendar, a prize wheel for a discount code, a quiz that recommends the right service, a colouring page with your artwork, or a high-score table for a launch campaign.

Toolbox

JavaScript libraries
we build games with.

The right tool depends on the idea. Small games need nothing but the browser; bigger ones get a proper engine.

2D game framework

Phaser

The best known HTML5 game framework: scenes, sprites, physics, input, sound and tilemaps in one package. Our pick for a full 2D game.

phaser.io ↗
2D rendering

PixiJS

A very fast WebGL renderer for 2D. Thousands of moving sprites, particles and filters at a smooth frame rate, for games and rich animations.

pixijs.com ↗
3D in the browser

Three.js

The standard library for 3D on the web: product viewers, interactive scenes, small 3D games and scroll-driven stories.

threejs.org ↗
3D game engine

Babylon.js

A complete 3D engine with physics, a visual editor and VR / AR support, for when a project needs more than a scene.

babylonjs.com ↗
Quick 2D games

KAPLAY

A friendly library (the community successor of Kaboom.js) for making small 2D games fast. Great for branded mini games.

kaplayjs.com ↗
2D physics

Matter.js

Rigid body physics: gravity, collisions, bouncing and stacking. Adds a playful, physical feel to games and interfaces.

brm.io/matter-js ↗
Animation

GSAP

The animation library behind many award-winning sites. Timelines, scroll-driven effects and smooth motion for menus, intros and games.

gsap.com ↗
Sound

Howler.js

Reliable sound effects and music across every browser, including the tricky ones on phones.

howlerjs.com ↗
No library at all

Canvas API

What the games on this page use. For small games the browser itself is enough, so the page stays light and fast.

developer.mozilla.org/en-US/docs/Web/API/Canvas_API ↗