Motion Field

Motion Field

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.

Key features

• 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