Retro console game cartridge
A grey cartridge with a pixel art label: press it and it slides into the console while the green screen boots with a logo.
Settings
Code
<div class="uvq07-crt"><div class="st" aria-hidden="true"><div class="ct"><i class="gr"></i><span class="lb"><span class="art"><svg viewBox="0 0 16 10" shape-rendering="crispEdges" aria-hidden="true"><rect width="16" height="10" fill="#8fd3ff"/><rect x="12" y="1" width="2" height="2" fill="#ffe066"/><rect x="2" y="4" width="4" height="2" fill="#3b4b7a"/><rect x="3" y="3" width="2" height="1" fill="#3b4b7a"/><rect x="9" y="3" width="5" height="3" fill="#2f3d66"/><rect x="10" y="2" width="3" height="1" fill="#2f3d66"/><rect x="11" y="1" width="1" height="1" fill="#fff"/><rect y="6" width="16" height="4" fill="#4caf50"/><rect y="8" width="16" height="2" fill="#3a8a3e"/><rect x="6" y="5" width="1" height="1" fill="#ffcc99"/><rect x="6" y="6" width="1" height="2" fill="#e53935"/></svg></span><b>Adventure in Pixelia</b></span></div><div class="cn"><i class="sl"></i><span class="scr"><b>PIXELIA</b><span class="ps">Press START</span></span><i class="pw"></i><i class="dp"></i><i class="ab"></i></div></div><button type="button" aria-pressed="false" data-a="Insert cartridge" data-b="Eject cartridge">Insert cartridge</button></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Cards
See all CardsWhere to use it
A nostalgic card for games and creative launches. The cartridge has grip ridges, a clipped corner and a pixel art label drawn as a crisp SVG, and inserting it slides it behind the console body before the green screen lights up, drops the logo in steps and blinks a start prompt. Use it for game pages, hackathons, retro shops and portfolio easter eggs.
The main color is the label and the console buttons, the second the screen. Change the game title, redraw the 16 by 10 pixel scene, and press again to eject it.