---
title: "ScanlineSlider — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Hamim Reza · Carousels. ScanlineSlider is a retro CRT-styled WebGL shader slider for Framer, mixing images and video with five shader transitions…"
canonical: "https://framer.elliotli.dev/component/scanlineslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ScanlineSlider

# ScanlineSlider

Retro CRT shader slider for Framer

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

![ScanlineSlider preview image 1](https://framer.elliotli.dev/og/component/scanlineslider/dcb8fe97358a016c/1600x1200.jpg)

## Summary

ScanlineSlider is a retro CRT-styled WebGL shader slider for Framer, mixing images and video with five shader transitions and an authentic scanline look.

## Description

ScanlineSlider is a retro CRT-styled WebGL shader slider for Framer, mixing images and video with five shader transitions and an authentic scanline look.

Every slide sits inside a dark stage with a glowing accent border and flickering scanlines, like content on an old broadcast monitor. Underneath runs a real GLSL shader engine, Glass, Frost, Ripple, Plasma, Timeshift, each with four intensity presets.

**WHAT IT DOES** Navigation happens through glass-style clickable dots at the bottom, no arrow buttons. An auto-fading minimap slides in from the left on navigation activity, showing thumbnails including auto-generated frames from video slides, then fades after a moment of inactivity.

**KEY FEATURES**

-   Retro CRT stage, adjustable scanline opacity and glowing accent border
    
-   Five WebGL shader transitions: Glass, Frost, Ripple, Plasma, Timeshift
    
-   Four intensity presets per effect, from Subtle to extreme
    
-   Mixed media slides, images and video in any combination
    
-   Glass-style dot pagination, clean and arrow-free
    
-   Auto-fading minimap with live video thumbnails
    
-   Minimap visibility modes: Always, On Scroll, or Never
    
-   Six cycling GSAP text reveal animations for titles and descriptions
    
-   Adjustable corner radius and accent color to match your brand
    
-   Numeric or roman numeral slide counter
    
-   Performance-aware, pauses when off-screen or tab hidden
    
-   Zero manual setup, self-contained code component
    

**WHY IT WORKS** Retro CRT effects on the marketplace are mostly static overlays. ScanlineSlider builds the look into a working shader slider, real transitions and navigation, not a filter over a flat image.

**PERFECT FOR** Gaming portfolios, music sites, vaporwave and 80s-inspired brands, and any Framer site wanting a nostalgic broadcast-monitor feel with shader motion.

**WHAT'S INCLUDED** A single drop-in component. Add up to 6 slides, mix images and video, tune scanlines, accent color, and effect through property controls.

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

-   All · #4952

## Details

- **Author**: Hamim Reza
- **Price**: $15.00
- **Published**: 2026-07-22
- **Updated**: 2026-07-22
- **Added**: 2026-07-22
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow