ChromaType Text

ChromaType Text is a customizable animated typewriter component for Framer that brings headlines to life with smooth typing, deleting, and chromatic text effects.

Designed for modern websites, ChromaType Text gives you control over animation timing, rotating phrases, chromatic effects, glow, cursor styling, letter animations, and typography — all directly from Framer’s property panel.

Perfect for hero sections, landing pages, SaaS websites, portfolios, agency websites, product launches, and creative websites.

What Makes It Stand Out

• Smooth typewriter and delete animations • Multiple rotating text phrases • Customizable typing speed • Adjustable delete speed • Configurable pause duration • Optional chromatic text effect • Adjustable hue spread • Optional chromatic glow • Optional letter pop-in animation • Customizable blinking cursor • Custom cursor color • Separate prefix and text colors • Font size and weight controls • Custom letter spacing • Optional custom font • Left, center, and right alignment • Responsive layout • Easy customization through Framer’s property panel

Customizations

• Prefix Text • Rotating Words / Phrases • Typing Speed • Delete Speed • Pause Duration • Chroma Effect • Hue Spread • Chroma Glow • Letter Pop-In • Cursor • Cursor Color • Prefix Color • Text Color • Font Size • Font Weight • Letter Spacing • Custom Font • Text Alignment

Perfect For

• Hero headlines • Landing pages • SaaS websites • Startup websites • Agency websites • Personal portfolios • Product launches • Creative websites • Marketing websites

Easy to Use

Add ChromaType Text to your Framer project, enter your phrases, customize the animation settings, and match it to your website’s typography and visual style.

No coding required.