---
title: "Tetris Game — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Matt · Interactive. About Tetris Game brings a familiar, instant-play mini game to your Framer projects."
canonical: "https://framer.elliotli.dev/component/tetris-game"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Tetris Game

# Tetris Game

Boost SEO with longer sessions

[View on Framer](https://framer.com/marketplace/components/tetris-game/?via=elliot-li)

![Tetris Game preview image 1](https://framer.elliotli.dev/og/component/tetris-game/e047478307885f9b/1600x1200.jpg)

## Summary

About Tetris Game brings a familiar, instant-play mini game to your Framer projects.

## Description

## 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**](https://x.com/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**](mailto:matthias@lmvision.de) or on X [**@Matthias\_Oel**](https://x.com/Matthias_Oel).

## Rank history [How rankings work →](/terms#rankings)

-   All · #2452

## Details

- **Author**: Matt
- **Price**: $12.00
- **Published**: 2025-11-17
- **Updated**: 2026-10-30
- **Added**: 2025-11-02
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step