Skip to content

feat: add responsive back-to-top button with smooth scrolling#56

Merged
KaranUnique merged 1 commit into
Canopus-Labs:mainfrom
jikrana1:feat/back-to-top-button
Jun 2, 2026
Merged

feat: add responsive back-to-top button with smooth scrolling#56
KaranUnique merged 1 commit into
Canopus-Labs:mainfrom
jikrana1:feat/back-to-top-button

Conversation

@jikrana1
Copy link
Copy Markdown

@jikrana1 jikrana1 commented Jun 1, 2026

📌 Related Issue

Fixes #42


Description of Changes

Implemented a responsive Back-to-Top button that appears when users scroll down the page and smoothly scrolls back to the top when clicked.

Changes Made:

  • Added a floating Back-to-Top button
  • Implemented smooth scrolling behavior
  • Added Framer Motion animations for button appearance and interactions
  • Designed a modern glassmorphism-style UI with gradient effects
  • Ensured responsiveness across desktop, tablet, and mobile devices
  • Improved overall user experience for navigating long pages

Type of Change

  • New feature
  • Bug fix
  • Documentation update
  • Refactoring

🧪 Checklist

  • I have tested my changes locally
  • The feature works as expected
  • Code follows the project style guidelines
  • Responsive design verified on different screen sizes

@KaranUnique
Copy link
Copy Markdown
Contributor

@jikrana1 Could you please share screen shot of this ?

@KaranUnique KaranUnique closed this Jun 2, 2026
@KaranUnique KaranUnique reopened this Jun 2, 2026
@jikrana1
Copy link
Copy Markdown
Author

jikrana1 commented Jun 2, 2026

screen shot


image

@KaranUnique
Copy link
Copy Markdown
Contributor

@jikrana1 Thanks for the screen shot. I'll merge the PR.

@KaranUnique KaranUnique merged commit 1330d0e into Canopus-Labs:main Jun 2, 2026
@jikrana1 jikrana1 deleted the feat/back-to-top-button branch June 2, 2026 18:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement Responsive Back-to-Top Button with Smooth Scrolling

2 participants