Skip to content

Feature Request: Add Toggle to Enable/Disable Fluid Cursor #831

@piyushtripathi9424

Description

@piyushtripathi9424

Is your feature request related to a problem or challenge?

Yes.

The Fluid Cursor animation provides an engaging visual effect, but some users may find continuous cursor animations distracting or uncomfortable during regular use. In certain situations, especially during longer browsing sessions or on lower-performance devices, the animation may affect focus, usability, or perceived performance.

Currently, there is no built-in option for users to disable the Fluid Cursor once the site loads. This limits user control over the interface and may negatively impact the overall user experience for those who prefer minimal motion or reduced visual effects.

Image

Describe the solution you'd like

Add a simple toggle button in the navbar that allows users to enable or disable the Fluid Cursor animation dynamically.

The toggle should give users control over whether the Fluid Cursor effect is active, without removing the feature entirely. When the toggle is turned off, the Fluid Cursor component should stop rendering immediately. When turned on again, the animation should resume normally.

This solution maintains the visual feature for users who enjoy it while providing flexibility for those who prefer a simpler, distraction-free interface.

Image

Describe alternatives you've considered

Several alternatives were considered before implementing this solution:

Removing the Fluid Cursor entirely — This was not preferred because the feature adds visual appeal and interaction for many users.
Reducing the animation intensity or speed — While this could lessen the distraction, it would not fully address the needs of users who prefer no animation at all.
Automatically disabling the effect on certain devices — This approach could improve performance in some cases, but it would remove user choice and may not reflect individual preferences.

Providing a user-controlled toggle in the navbar was determined to be the most flexible and user-friendly solution, as it preserves the feature while allowing users to decide whether they want the animation enabled.

Image

Additional context

This enhancement follows common modern UX and accessibility practices that recommend giving users control over motion and animation effects. Many applications provide options to reduce or disable visual animations to accommodate user preferences, improve focus, and support accessibility needs.

The implementation is lightweight, does not introduce breaking changes, and keeps the default behavior unchanged while adding flexibility for users who may find continuous cursor animations distracting.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions