5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T8c8,

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

Drag the component into any frame
Resize the frame to whatever dimensions you need — the game scales automatically
Customize colors, title, and sprites from the right panel
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

5a:[["$","$L5d",null,{"post":{"id":"019ce698-2fc2-74d2-9972-7a70abc68310","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7CsWvQSrj4mginX9lQ36","resolved":true,"title":"SpaceShooter","body":"$5e","bodyJson":null,"introduction":"Plug-and-play arcade game for your site","slug":"spaceshooter","author":{"framerUserId":"3f799e7d-1f91-4715-87c3-f579cd963980","name":"Pantelis Tassopoulos","slug":"pantelis-tassopoulos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/151092/avatar-8BlaKzKPFVGlgFTrRmURRthqc76xzd.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9hvvnd1ydzleajYeLAyE/spaceshooter-g4NpHSak8OGovyhvgB1DFa7kfgedUM","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-04T19:19:36.684Z","updatedAt":"2026-03-13T09:37:47.624Z","publishedAt":"2026-03-13T09:47:39.330Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spaceshooter.framer.website","price":"5","paymentUrl":"https://pantelis-tassopoulos.lemonsqueezy.com/checkout/buy/3942ed5d-28f7-421b-841a-58dc45fe1c13?logo=0&discount=0","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"jKFFJ0fL10BtA6lAxFiM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-13T09:47:39.330Z","updatedAt":"2026-03-13T09:47:39.330Z","reported":false}}],"$L5f"]

Suggested for you