Aurora Text Outline

Aurora Text is a Framer component that highlights selected words using animated, flowing gradient effects.

Aurora Text is a Framer component that highlights selected words using animated, flowing gradient effects. It creates a soft aurora-like motion that brings attention to key phrases while keeping the rest of the text clean and readable. You can define which words are highlighted, customize gradient colors, animation speed, and typography, and control layout directly inside Framer. The component is lightweight, responsive, and ideal for modern hero sections and expressive headlines. Key Features Animated aurora-style gradient text Highlight specific words or phrases Customizable gradient colors and size Adjustable animation speed Full typography and alignment controls Responsive by default Lightweight and performance-friendly Use Cases Hero headlines and taglines Marketing and landing pages Product messaging and feature highlights Creative portfolios Brand statements and callouts Best Practices / Tips Highlight only key words for better emphasis Use complementary gradient colors for smoother flow Keep animation speed subtle for readability What’s Included One Aurora Text component Gradient and animation controls Typography and layout customization Who It’s For Framer designers and builders Founders and marketers Creative agencies and studios No-code creators adding expressive text effects