---
title: "Chromatic Marquee — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Karim Saif · Text. Chromatic Marquee, an animated text marquee built for Framer."
canonical: "https://framer.elliotli.dev/component/chromatic-marquee"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Chromatic Marquee

# Chromatic Marquee

Dynamic chromatic effect

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

![Chromatic Marquee preview image 1](https://framer.elliotli.dev/og/component/chromatic-marquee/3fc4b92ed6ad6ffb/1600x1054.jpg)

## Summary

Chromatic Marquee, an animated text marquee built for Framer.

## Description

**Chromatic Marquee**

Bring bold RGB energy and cinematic motion to your typography with **Chromatic Marquee**, an animated text marquee built for Framer.

Chromatic Marquee transforms ordinary scrolling text into a dynamic chromatic effect using independently controlled red, green, and blue layers.

**✦ Preview**

[Live Preview — Chromatic Marquee](https://chromaticmarqueeshader.framer.website/)

**Features**

• **Infinite Marquee** — Create a continuously scrolling text loop with smooth, seamless movement.

• **Left & Right Direction** — Easily control whether your marquee travels from left to right or right to left.

• **5 Visual Presets** — Quickly switch between Classic RGB, Cyber, Neon, Subtle, and Glitch styles.

• **Custom Mode** — Take complete control over the chromatic effect and create your own visual combination.

• **Independent RGB Colors** — Customize the Red, Green, and Blue layers individually.

• **Chromatic Offset** — Control the distance between the RGB channels to create subtle or extreme color separation.

• **Depth Control** — Multiply the RGB separation for anything from a restrained effect to dramatic chromatic distortion.

• **Blur** — Add softness and glow to the colored layers.

• **Intensity** — Adjust the visual strength of the RGB effect.

• **Animated RGB Layers** — Turn chromatic animation on or off independently from the marquee movement.

• **Multiple Animation Modes** — Choose between None, Smooth, Pulse, Drift, and Glitch animations.

• **Animation Speed & Amount** — Fine-tune exactly how quickly and how far the RGB channels move.

• **Typography Controls** — Choose your Framer font, font weight, font size, and letter spacing.

• **Marquee Speed** — Control the horizontal scrolling speed from subtle movement to fast motion.

• **Gap Control** — Adjust the spacing between repeated text groups.

• **Opacity Control** — Fine-tune the visibility of the chromatic layers.

**Support**

Need help using the component, have a question, or found something that could be improved?

**Email:** [karimsaif010@gmail.com](mailto:karimsaif010@gmail.com)

**X:** [@karimsaif0 on X](https://x.com/karimsaif0)

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

-   All · #8806

## Details

- **Author**: Karim Saif
- **Price**: $6.00
- **Published**: 2026-09-04
- **Updated**: 2026-09-16
- **Added**: 2026-09-04
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing