Skip to content

feat: Add an interactive customized cursor to enhance landing page UI/UX #608

@janhvisoni804

Description

@janhvisoni804

Is your feature request related to a problem? Please describe.

Currently, the CommitPulse landing page uses the standard browser mouse cursor. While the 3D isometric contribution visualizer looks highly immersive and premium, the overall user interaction feels a bit static because the cursor doesn't react or adapt to the tech-themed aesthetic of the website.

Describe the solution you'd like

Add an interactive, customized cursor to enhance the landing page UI/UX. The custom cursor should feature a sleek modern design (like a glowing dot or animated ring) using Tailwind CSS or Framer Motion. It should dynamically expand, invert colors, or apply a magnetic effect when hovering over interactive elements like buttons, cards, and GitHub links. Additionally, it must automatically disable on mobile/tablet touch devices to prevent layout shifts.

Describe alternatives you've considered

An alternative would be using standard CSS cursor properties (like cursor: pointer), but that doesn't provide the smooth, reactive animations and modern frontend feel that a dynamic React-based custom cursor offers.

please assign this issue to me under GSSoC'26

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions