Motion Field is an interactive typography component that turns any heading into a responsive motion field. Each letter reacts individually to the cursor through movement, rotation, scaling, and color changes.
Choose between Push, Pull, and Swirl modes. Customize the text, typography, colors, radius, strength, scale, rotation, smoothness, falloff, alignment, and padding directly from the Framer panel.
Perfect for hero sections, portfolios, agency websites, campaigns, event pages, and experimental editorial layouts.
Push, Pull, and Swirl modes
Individual letter interaction
Speed-sensitive movement
Full typography controls
Custom colors and background
Multi-line text support
Responsive layout
Static Canvas and Export preview
Reduced motion support
Motion Field is an interactive typography component that turns any heading into a responsive motion field. Each letter reacts individually to the cursor through movement, rotation, scaling, and color changes.
Choose between Push, Pull, and Swirl modes. Customize the text, typography, colors, radius, strength, scale, rotation, smoothness, falloff, alignment, and padding directly from the Framer panel.
Perfect for hero sections, portfolios, agency websites, campaigns, event pages, and experimental editorial layouts.
Push, Pull, and Swirl modes
Individual letter interaction
Speed-sensitive movement
Full typography controls
Custom colors and background
Multi-line text support
Responsive layout
Static Canvas and Export preview
Reduced motion support
