SpaceShooter

SpaceShooter

About SpaceShooter

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