AIMRAN
SYSTEM READY
HTML + CSSBackgrounds

CRT screen

Scanlines, flicker, curved glass and a rolling band, like an old monitor warming up.

Settings

1x
1x
1

Code

<div class="pt-crt"><b></b><em>SYSTEM READY</em><i></i><u></u><s></s></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 Backgrounds

Mesh gradient

BackgroundsHTML + CSS

Northern lights background

BackgroundsHTML + CSS

Breathing gradient

BackgroundsHTML + CSS

Liquid sunset background

BackgroundsHTML + CSS

Dot grid wave

BackgroundsHTML + CSS

Synthwave grid

BackgroundsHTML + CSS

Honeycomb background

BackgroundsHTML + CSS

Diagonal light lines

BackgroundsHTML + CSS

Where to use it

A CRT effect is instant retro computing. Use it for the hero of a pixel-art game, a hacker-themed CTF event or a 404 page that pretends the system has crashed. It comes with a glowing “SYSTEM READY” line in the middle that you can swap for your own text. A retro CRT screen background, made in CSS.

Keep the flicker subtle if the page stays open for a while, and skip it on pages meant for reading. A monospaced font in the same green or amber as the glow finishes the look.