---
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 · #2319

## Details

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

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase