Flappy

Tap to flap through the pipes. A tiny infinite runner for loading screens.

Tap to flap through the pipes. A tiny infinite runner for loading screens.

Loading…
$ npx shadcn@latest add https://gamekitui.com/r/flappy.json
canvas DesktopMobile
Keyboard
Mouse
Touch

Space, Up, click, or tap to flap.

Theming

This is a canvas game. Its playfield is driven by your shadcn --primary, --secondary, and --accent tokens — read at runtime and re-resolved when you toggle dark mode or swap a theme preset. Change your theme and Flappy recolors with it. Try the Customize button in the corner.

Install

npx shadcn@latest add https://gamekitui.com/r/flappy.json

The game ships as a single drop-in file. It fills its container, so wrap it in any sized element:

<Flappy className="mx-auto w-full max-w-sm" />