Breakout
Bounce the ball, clear the bricks, don't drop. Endless levels.
Bounce the ball, clear the bricks, don't drop. Endless levels.
Loading…
$ npx shadcn@latest add https://gamekitui.com/r/breakout.jsoncanvas DesktopMobile
Keyboard
Mouse
Touch
←/→ or A/D to move the paddle, or drag. Space launches.
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 Breakout recolors with it. Try the Customize button in the corner.
Install
npx shadcn@latest add https://gamekitui.com/r/breakout.jsonThe game ships as a single drop-in file. It fills its container, so wrap it in any sized element:
<Breakout className="mx-auto w-full max-w-sm" />