---
title: "Motion Colour Text — Free Framer component · Best of Framer"
description: "Free Framer component · by MediumUI · Text. About This component lets the user create a playful text animation for headings and titles, animated with colour and motion."
canonical: "https://framer.elliotli.dev/component/motion-colour-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Motion Colour Text

# Motion Colour Text

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

![Motion Colour Text preview image 1](https://framer.elliotli.dev/og/component/motion-colour-text/38e7f17f513e6d92/1600x1200.jpg)

## Summary

About This component lets the user create a playful text animation for headings and titles, animated with colour and motion.

## Description

## About

This component lets the user create a playful text animation for headings and titles, animated with colour and motion. Animation is activated by cursor hover, enabling motion and colour for the individual letter.

## Instructions

1.  Add the component into the 'Primary' layer of your site page.
    
2.  Input your desired text string.
    
3.  Customise appearance of the text, default colour and font.
    
4.  Enable additional features including colour mode, move distance and rotation angle for letters when hovered.
    
5.  Preview or publish the site to test the functionality.
    

## Support

For support queries and assistance, get in touch at [hello@mediumui.com](mailto:help@framerlock.com)

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

-   All · #2552

## Details

- **Author**: MediumUI
- **Published**: 2026-01-05
- **Updated**: 2026-01-14
- **Added**: 2025-12-18
- **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