---
title: "RetroCRT — Framer component · Best of Framer"
description: "$9.00 · Framer component · by FramerHub.io  · Effects. CRT Retro Glitch Scanlines Vintage"
canonical: "https://framer.elliotli.dev/component/retrocrt"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/RetroCRT

# RetroCRT

CRT Retro Glitch Scanlines Vintage

[View on Framer](https://framer.com/marketplace/components/retrocrt/?via=elliot-li)

![RetroCRT preview image 1](https://framer.elliotli.dev/og/component/retrocrt/f0dc823f4652e6ef/1600x1200.jpg)

## Summary

CRT Retro Glitch Scanlines Vintage

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qppgccg1-OQixJIWG6z27xzIT4GZuq8fnFGNAD5)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=RetroCRT)

### Overview

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.

### Properties

-   **Speed**: Speed control for the animation loop.
    
-   **Phosphor Color**: Color of the glowing grid lines.
    
-   **Grid Density**: Scale of the grid pattern.
    
-   **Scanlines**: Intensity of the horizontal scanlines.
    
-   **Curvature**: Amount of screen curvature distortion.
    
-   **Vignette**: Darkness of the screen corners.
    

### 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.
    

## 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!

### Version

1.0.0

## Rank history [How rankings work →](/terms#rankings)

-   All · #6804

## Details

- **Author**: FramerHub.io
- **Price**: $9.00
- **Published**: 2026-05-12
- **Updated**: 2026-04-07
- **Added**: 2026-01-17
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo