What is Retro TV Overlay?
Retro TV Overlay is a premium, high-performance effect that instantly transforms your website with authentic analog nostalgia. Built to mimic the imperfections of old tube TVs and VHS tapes, it adds depth and character without sacrificing performance. It ensures butter-smooth playback on all devices. Perfect for giving your design a gritty, cinematic, or nostalgic edge.
Core Features
- Authentic Analog FX: Layered procedural noise, rolling scanlines, RGB chroma shift, and phosphor flicker.
- Smart Presets: Instantly switch between "Subtle Grain", "VHS Play", "Full Static Storm", or "Dead Channel".
- Performance First: Optimized to stay lightweight and responsive on mobile and desktop.
- Cinematic Distortion: Includes authentic barrel lens warp using 3D perspective transforms.
Controls inside Framer Presets & Master Controls
- Preset Selection (Subtle, Static, VHS, Dead Channel, Custom)
- Effect Intensity
- Animation Speed
Visual Customization
- Noise Density (Fine/Coarse)
- Scanline Style (Classic/Phosphor/Off) & Spacing
- Distortion Amount
- Color Bars Mode (Authentic Test Pattern)
Styling & Behavior
- Blend Mode & Overlay Opacity
- Color Tint (Neutral, Warm, Cool, Custom)
- Trigger Mode (Always On, Hover)
- Reduce Intensity on Mobile
Best use cases
- Hero Sections: Create a dramatic, moody first impression for portfolios or agencies.
- 404 Pages: Use the "Dead Channel" preset for a creative and thematic error page.
- Retro/Gaming Sites: Evocative backgrounds for cyberpunk, arcade, or web3 projects.
- Hover Interactions: Reveal the effect only when users interact with specific cards or images.
Aidan Looker
