Dot Focus
Guide your users through content with an elegant animated dot that tracks their focus.
Made with Workshop
Build your own component with AI
About this Component
When users hover over any section, the dot smoothly moves vertically to highlight the current position of the mouse, creating an intuitive visual reading experience.
Key Features:
Smart tracking - The dot automatically follows user focus, moving vertically to match hovered sections
Smooth animations - Fluid transitions create a polished, professional feel
Fully customizable - Adjust dot color, radius, position, transition timing,
Unlimited sections - Add as many custom sections as you need into the list.
Auto-reset - Dot returns to its starting position when users move away from content
Perfect for:
Resume and portfolio sections
Feature lists and comparisons
Step-by-step guides
Navigation menus
Any content where you want to enhance user focus and readability
