---
title: "SpaceShooter — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Pantelis Tassopoulos · Backgrounds. SpaceShooter — Retro Arcade Game Component Drop a fully playable space shooter into any Framer page."
canonical: "https://framer.elliotli.dev/component/spaceshooter"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/SpaceShooter

# SpaceShooter

Plug-and-play arcade game for your site

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

![SpaceShooter preview image 1](https://framer.elliotli.dev/og/component/spaceshooter/aed18f20c7a77cac/1600x1200.jpg)

## Summary

SpaceShooter — Retro Arcade Game Component Drop a fully playable space shooter into any Framer page.

## Description

**SpaceShooter — Retro Arcade Game Component**

Drop a fully playable space shooter into any Framer page. Works out of the box — no code, no setup. Just drag it into a frame and publish.

**Features**

-   Auto-firing player ship with WASD/Arrow key controls
    
-   Touch drag controls on mobile — works on all devices
    
-   Power-ups: Rapid Fire, Spread Shot, Shield, Extra Life
    
-   Particle explosions and retro sound effects
    
-   Score, high score, and level tracking
    
-   Pause button (top-right) + keyboard pause (P / Esc)
    
-   Pixel-art aesthetic with twinkling starfield
    
-   Fully responsive — fills any frame size with no letterboxing
    

**Customization (Property Panel)**

-   Game Title — change the start screen title to anything
    
-   Player Image / Enemy Image — upload custom sprites
    
-   Player Color, Enemy Color, Bullet Color, Explosion Color
    
-   Star Color and Star Size
    
-   Player Size and Enemy Size
    
-   UI Color — change HUD text color
    
-   Start Button Text and Start Button Color
    
-   Background Color
    
-   Sound FX — toggle on/off
    

**How to Use**

1.  Drag the component into any frame
    
2.  Resize the frame to whatever dimensions you need — the game scales automatically
    
3.  Customize colors, title, and sprites from the right panel
    
4.  Publish — it just works
    

**Controls**

Desktop: WASD or Arrow Keys to move. Shooting is automatic. Press P or Esc to pause.

Mobile: Drag anywhere on screen to move the ship. Tap the pause button (top-right) to pause. Shooting is automatic.

**Good to Know**

-   The game always scales to fill the parent frame (cover mode) so there are no black bars on any screen size
    
-   High score persists during the session but resets on page reload
    
-   Enemies get progressively harder as your score increases
    
-   Power-ups drop randomly from destroyed enemies
    

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

-   All · #8191

## Details

- **Author**: Pantelis Tassopoulos
- **Price**: $5.00
- **Published**: 2026-03-13
- **Updated**: 2026-03-13
- **Added**: 2026-03-04
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background