🧱 StackBlitz Chrome Extension

A minimalist StackBlitz game built as a Chrome Extension. Classic gameplay with modern themes, smooth controls, and a clean interface — playable directly in your browser popup.

---

🔗 Chrome Extension Store

Chrome Web Store Link

---

🛠️ Built With

• HTML5 – canvas structure and UI layout
• CSS3 – responsive design, custom themes, and styling
• JavaScript – core game logic, rendering, controls, and state management
• Canvas API – rendering the grid, tetrominoes, ghost piece, and next preview
• Chrome Extension API (Manifest V3) – packaged as a browser extension

---

🎮 How It Works

The game launches inside a 260x600px popup. Controls are keyboard-based, with clickable UI for theme switching, difficulty setting, and pause. The UI is optimized to fit inside the Chrome extension popup with smooth interactions and no scroll behavior.

---

🎯 Features

• 🎨 5 Themes:

  • Default (Cosmic)
  • Light
  • Neon
  • Retro Game Boy
  • Matrix
    Each theme changes background, UI buttons, border styles, grid lines, and tetromino colors.

• 👻 Ghost Piece: See where the current tetromino will land

• ⏸️ Pause Button: Pause/resume the game anytime

• 🎚️ Difficulty Selector: Easy / Medium / Hard speeds

• 🔜 Next Piece Preview: Displayed in a separate mini-canvas

• 🕒 Score and Timer Tracking

• ❌ Game Over Message: Displayed in red between score and timer

---

🎮 Controls

Action	Key
Move Left	← Arrow
Move Right	→ Arrow
Soft Drop	↓ Arrow
Rotate	↑ Arrow or W

Use the Pause and Change Theme buttons for control via mouse.

---

📦 Installation

1. Clone this repository
2. Open Chrome and go to chrome://extensions/
3. Enable Developer Mode
4. Click Load unpacked
5. Select the folder containing this project

---

🖼️ Screenshots

---

Feel free to star ⭐ the repository if you enjoyed it!