component
Motion Field
By DariStudio

Details
- DariStudioAuthor
- componentType
- $7.00Price
- 2026-07-28Published
- 2026-07-28Updated
- 2026-07-28Added
- TextCategories
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.
- All · #5136