Skip to content

component

Motion Field

By DariStudio

Details

Summary

motion field.

Description

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

Introduction

Cursor-reactive typography

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400155458/148/228/309/79/15
  • All · #5136