Framer Stacker Component
A minimalist, fully customisable 'Tetris'-inspired component for Framer. This component includes two modes:
– AI Mode for automated gameplay (great for a background)
– Manual Mode with arrow key or WASD support
The board is fully responsive, scaling to fit its container while preserving a clean grid of perfectly square tiles.
Ideal as an interactive background for portfolio sites, tech pages, or in other creative applications.
Everything is customisable — from font, colours, corner radius, and speed, to game rules. Optional settings include auto-start and auto-restart for ultimate integration.
Controls
Left & Right: A or D (Left or Right Arrow Keys)
Place: Spacebar
Rotate: W (Up Arrow Key)
Examples
– Auto-Start off
– Auto-Replay off
– Speed 300ms
– Grid off & zero tile radius
– Auto-Replay on
– Speed 200ms
– No-default colours
– Speed 100ms
Use Case Example
This 404 page is a showcase of how the component can be used in a creative application.