Form Length Follow
A playful, interactive component featuring a pair of animated eyes that track and respond to text input on your page
Make it with Workshop
Build your own component with AI
About
Input Follower is a playful, interactive component featuring a pair of animated eyes that track and respond to text input on your page. The eyes' pupils move based on the number of characters typed, rotating around in a customizable arc to create a fun, engaging visual feedback for users.
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Instructions
Copy and paste the component code into your Framer project file.
Position the component near your form elements or text input areas.
Customize the eye appearance by adjusting colors, sizes, spacing, and border properties.
Configure the pupil movement by setting starting angle, resting angle, sensitivity, and maximum rotation.
Enable or disable "Reset When Unfocused" to control whether eyes return to resting position when an input loses focus.
How It Works
The component comes with extensive customization options for eye appearance (size, color, spacing), pupil movement (starting angle, resting angle, maximum rotation), and behavior (sensitivity to input, reset behavior). You can target specific inputs by ID or let it follow any input that gains focus on your page.
Support
For any queries and help setting up the component, contact hello@segmentui.com
