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.
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.
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.
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.
404 / empty states
launch pages
event pages
“just for fun” sections.
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
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.
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.
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.
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.
404 / empty states
launch pages
event pages
“just for fun” sections.
If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Matt
