---
title: "Retro CRT"
canonical_url: "https://framerhub.io/components/retro-crt"
last_updated: "2026-06-15T14:46:31.091Z"
---

## Retro CRT

Transport your users back to the 80s and 90s with this authentic CRT monitor effect. Retro CRT simulates the curved glass, glowing phosphors, and scanlines of old-school displays, perfect for retro-themed sites, gaming portfolios, or nostalgic UI elements.

## Features

**Realistic Curvature**
Simulates the physical distortion of old CRT screens, complete with edge warping and vignette.

**Details that Matter**
Fine-tune the scanline intensity, phosphor grid density, and glow colors to match specific eras of technology (e.g., green monochrome vs. color TV).

**Performance First**
Built with efficient WebGL shaders to ensure smooth playback without draining battery life.

## Use Cases

**Gaming Portfolios** — Give your site that classic arcade or console vibe.

**Retro Landing Pages** — Perfect for "vaporwave" or 80s/90s aesthetic brands.

**Interactive UIs** — Use as a container background to make modern UI elements feel like they are displayed on an old terminal.

![Retro CRT Preview](/framerhub/img/components/control/retro-crt.jpg)

## How to Use

### Installation

**VIDEO PLACEHOLDER: Installation Tutorial**

1. Log in to your account at framerhub.io
2. Navigate to framerhub.io/dashboard
3. Find **Retro CRT** in your Recent Purchases
4. Click the "Copy" button
5. Open your Framer project
6. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

Customize the look and feel through the property controls right in Framer.

**Animation**

- **Speed**: Controls how fast the grid and effects animate.

**Visual**

- **Phosphor Color**: The "on" color of the grid/pixels.
- **Grid Density**: How tight the background grid pattern is.

**Effects**

- **Scanlines**: Controls the visibility of the horizontal scan lines.
- **Curvature**: Warps the screen edges to simulate a curved glass tube.
- **Vignette**: Darkens the corners to focus attention on the center.

### Quick Tips

**Best Performance** — This effect runs on the GPU. While efficient, reducing the complexity or resolution on low-end mobile devices can save battery.

**Authentic Look** — For a true vintage feel, combine "Scanlines" with high "Curvature".

**Color Styling** — Use the "Phosphor Color" to mimic different monitor types (Green for monochrome, RGB for color TV).

**Transparent Overlay** — This component has a transparent background. Place it *over* any image, video, or content to instantly apply a CRT monitor look to it.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

## Why Designers Love This

## "It's instant nostalgia. The curvature and vignette are so perfectly tuned that you can almost feel the static electricity on the screen."