Skip to content

feat: add animated custom cursor with hover effects (#3022)#3347

Merged
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
hari2k7:feat/animated-cursor
Jun 3, 2026
Merged

feat: add animated custom cursor with hover effects (#3022)#3347
JhaSourav07 merged 1 commit into
JhaSourav07:mainfrom
hari2k7:feat/animated-cursor

Conversation

@hari2k7
Copy link
Copy Markdown
Contributor

@hari2k7 hari2k7 commented Jun 3, 2026

Description

Fixes #3022

Implemented a smooth animated custom cursor effect for enhanced user interaction.
The cursor consists of a sharp dot that follows the pointer instantly, and a
larger ring that lags behind with a lerp (smooth interpolation) effect.
On hover over interactive elements (buttons, links, cards, inputs), the ring
scales up and brightens to match the site's accent color (#58a6ff).
On mobile/touch devices, the default cursor is preserved via (pointer: fine) media query guard.

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

CommitPulse._.3D.Isometric.GitHub.Contribution.Graph.-.Personal.-.Microsoft.Edge.2026-06-03.10-51-42.mp4

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors.
  • My commits follow the Conventional Commits format (e.g., feat(cursor): add animated cursor with hover effects).
  • I have updated README.md if I added a new theme or URL parameter.
  • I have started the repo.
  • I have made sure that i have only one commit to merge in this PR.
  • The SVG output matches the CommitPulse "premium quality" aesthetic standard.
  • (Recommended) I joined the CommitPulse Discord community.

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 3, 2026

👋 Hey @hari2k7, welcome to CommitPulse! 🎉

Thanks for opening your first pull request — this is a big deal and we appreciate the effort!

While you wait for a review, please double-check:

  • ✅ You've read the CONTRIBUTING.md checklist
  • npm run lint, npm run format, and npm run test all pass locally
  • ✅ Your PR has a visual preview if it touches any SVG output
  • 💬 You've joined our Discord for faster PR feedback

A maintainer will review your PR shortly. Hang tight! 🚀

@Aamod007 Aamod007 added GSSoC 2026 mentor:Aamod007 type:feature New features, additions, or enhancements level:advanced Complex contributions involving architecture, optimization, or significant feature work quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. labels Jun 3, 2026
@JhaSourav07 JhaSourav07 added level:intermediate Moderate complexity tasks quality:exceptional Outstanding contribution with exceptional implementation quality, testing. gssoc:approved PR has been reviewed and accepted for valid contribution points and removed level:advanced Complex contributions involving architecture, optimization, or significant feature work quality:clean PR follows clean coding practices, proper formatting, documentation, and maintainability standards. labels Jun 3, 2026
@JhaSourav07 JhaSourav07 merged commit 7ab6c84 into JhaSourav07:main Jun 3, 2026
12 of 13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved PR has been reviewed and accepted for valid contribution points GSSoC 2026 level:intermediate Moderate complexity tasks mentor:Aamod007 quality:exceptional Outstanding contribution with exceptional implementation quality, testing. type:feature New features, additions, or enhancements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Add customizable animated cursor effect for enhanced user interaction

3 participants