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
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.
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.
For any queries and help setting up the component, contact hello@segmentui.com
Nabeel
