Tetris Game

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.

Share your build

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.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.