Skip to content

feat: improve Back to Top button UI with gradient and pulse ring effect#411

Open
nishupr wants to merge 2 commits into
devpathindcommunity-india:masterfrom
nishupr:feat/improve-back-to-top
Open

feat: improve Back to Top button UI with gradient and pulse ring effect#411
nishupr wants to merge 2 commits into
devpathindcommunity-india:masterfrom
nishupr:feat/improve-back-to-top

Conversation

@nishupr
Copy link
Copy Markdown
Contributor

@nishupr nishupr commented May 29, 2026

Fix #345

What does this PR do?

Improves the existing Back to Top button UI to match the
site's design system and enhance user experience.

Changes Made

  • Replaced plain bg-black with blue-to-purple gradient
    matching the site's color scheme
  • Added pulse ring animation on hover for better interactivity
  • Added whileHover scale and whileTap scale using Framer Motion
  • Smooth scroll behavior was already present
  • Show/hide based on scroll position was already present

Why?

The previous button had a plain black background that didn't
match the site's blue/purple color scheme. These improvements
make it more visually consistent and interactive.

Copy link
Copy Markdown
Collaborator

@Aditya948351 Aditya948351 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice UI touch with the pulse ring and gradient. Small details like this make the site feel premium. Approved!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Improve "Back to Top" button UI

2 participants