Tetris Game
Playable Tetris-style game for Framer with easy controls on desktop (keyboard) and mobile (touch), built with Workshop.
Made with Workshop
Build your own component with AI
About
Tetris Game brings a familiar, instant-play mini game to your Framer projects. Drop it on a 404 page, a loading view or a landing section and let visitors play a real Tetris-style round directly on the page. Classic 10×20 board, 7 pieces, line clear, score and game-over – all inside one component.
What it does
Players move and rotate falling blocks, complete full rows to score points and try not to stack too high. When there’s no room for a new piece, the game shows a game-over overlay with a restart button.
Controls
Desktop: Arrow left/right to move, arrow down to drop faster, arrow up to rotate, space for hard drop.
Mobile: Everything works via touch and is intuitive for phones.
What you can customize
Board width/height and min/max cell size for responsive scaling; board & wrapper background colors; grid color and on/off; UI text and colors (Score, Start Title/Button, Game Over Title, Restart Button); overlay opacity; speed (drop interval); fonts for score/titles/buttons/controls; desktop/mobile controls visibility; and the color of every single piece (I, O, T, S, Z, J, L), so you can match the game perfectly to your brand or page style.
Great for
404 / empty states
launch pages
event pages
“just for fun” sections.
Need help?
Questions or feedback? I’m happy to assist: matthias@lmvision.de
