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