Stack Tower
The isometric stacking game in pure canvas: tap to drop, overhang gets sliced off, perfect drops combo.
- Zero dependencies
- React + Tailwind
- Accessible
- Reduced-motion aware
Preview
Animated · Full motion: idle animation, physics and effects. animated (default)
The camera rises with the tower, colors drift, sliced pieces fall with gravity, and a perfect streak grows the slab back. High score saved.
Installation
$ npm i @guetix/stack-tower
Publishing soonUntil it’s on npm, use the CLI or Manual tab. The API below stays the same.
Usage
example.tsx
import { StackTower } from "@/components/guetix/stack-tower";
export default function Example() {
return <StackTower />;
}
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| storageKey | string | null | "gx-stack-best" | High-score key. |
| animated | boolean | true | false = the calm “Regular” version (no idle or ambient motion). |
Accessibility
- A focusable 'Drop slab' button for keyboard players; score is a live region.