---
title: "Chroma Text — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Erigo Kreatif Innovations · Text. Cursor reactive chromatic shatter"
canonical: "https://framer.elliotli.dev/component/chroma-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Chroma Text

# Chroma Text

Cursor reactive chromatic shatter

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

![Chroma Text preview image 1](https://framer.elliotli.dev/og/component/chroma-text/7acc30662a502c0d/1600x1060.jpg)

## Summary

Cursor reactive chromatic shatter

## Description

Distortion Text turns a headline into a surface that reacts to the cursor. Letters split into chromatic ghosts and fracture into horizontal shards as the pointer approaches, and since both distance and speed feed the effect, a slow pass ripples while a fast swipe tears the line apart. Nothing is keyframed, so no two passes look the same.

The headline stays real type. Typography comes from the Framer font control, and the motion is shaped separately: reach, strength, how far the ghosts and shards travel, and how quickly letters settle back. Fluid Type covers every breakpoint from a single instance, the effect steps aside on touch and reduced-motion, and canvas and export renders stay a clean static frame.

**Refunds:** this is a digital product delivered instantly, so it cannot be returned. All sales are final. If something does not work in your project, email us at [info@erigokreatif.com](mailto:info@erigokreatif.com) with your order number and we will help you get it running.

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

-   All · #10262

## Details

- **Author**: Erigo Kreatif Innovations
- **Price**: $3.00
- **Published**: 2026-08-25
- **Updated**: 2026-08-25
- **Added**: 2026-08-25
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos