Colorful TypeMotion

Colorful TypeMotion brings high-end motion design to your Framer projects with an elegant multi-color sweep animation that reveals text as the bar retracts.

Colorful TypeMotion brings high-end motion design to your Framer projects with an elegant multi-color sweep animation that reveals text as the bar retracts.

Built for designers who care about detail and control, this component allows you to fully customize the animation behavior, timing, typography, and color layering — without writing any additional code.

✨ Features

• Multi-layer color sweep (up to 5 customizable colors)

• Sequential color stagger for dynamic motion

• Text revealed character-by-character

• Perfect sync between sweep retraction and text reveal

• Adjustable animation duration and delay

• Customizable corner radius (with masked color layers)

• Full Framer Font Control support (any installed font)

• Clean, performant CSS animation

🎯 Perfect for

• Hero sections

• Portfolio intros

• Landing page headlines

• Brand statements

• Motion-focused websites

Colorful TypeMotion is designed to feel smooth, intentional, and premium — giving your typography a bold animated entrance while remaining fully customizable inside Framer.