Interactive Text is an interactive typography component that brings bold text to life. Each letter responds individually to the visitor’s cursor, creating a smooth magnetic movement effect while a colorful glow follows the pointer in the background.
Users can customize:
Three editable text lines
Any font from the Framer library, including uploaded fonts
Font size and text color
Outer and inner glow colors
Glow size
Magnetic strength
Interaction radius
Letters smoothly move away from the cursor and return to position using spring-based animation. Hovering over individual letters creates a subtle scale effect.
Interactive Text is ideal for full-screen sections, portfolio headers, creative landing pages, poster-style layouts, studio websites, and interactive introductions. It requires no external assets or additional setup.
Interactive Text is an interactive typography component that brings bold text to life. Each letter responds individually to the visitor’s cursor, creating a smooth magnetic movement effect while a colorful glow follows the pointer in the background.
Users can customize:
Three editable text lines
Any font from the Framer library, including uploaded fonts
Font size and text color
Outer and inner glow colors
Glow size
Magnetic strength
Interaction radius
Letters smoothly move away from the cursor and return to position using spring-based animation. Hovering over individual letters creates a subtle scale effect.
Interactive Text is ideal for full-screen sections, portfolio headers, creative landing pages, poster-style layouts, studio websites, and interactive introductions. It requires no external assets or additional setup.
