Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat]: New Component - Animated Scroll Progress #177

Merged

Conversation

dipeshtamang07
Copy link
Contributor

Summary

This pull request introduces a new ScrollProgress component to the Magic UI library. The component provides a visual indicator of scroll progress within a specified container, enhancing the user experience by visually tracking scroll position. It features a gradient color transition and utilizes a spring animation for smooth progress updates.

Features

  • Gradient Progress Bar: By default, displays a gradient transition from #A97CF8 to #F38CB8 to #FDCC92 for a visually appealing scroll progress indicator.
  • Spring Animation: Implements a spring transition to ensure smooth and dynamic progress bar animations.

Props

  • className - Add your own classNames for custom styles

Preview
scroll-progress.webm

Copy link

vercel bot commented Jun 23, 2024

Someone is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

@dillionverma
Copy link
Collaborator

fixes #386

@itsarghyadas itsarghyadas force-pushed the feat/animated-scroll-progress branch from b471365 to f13f465 Compare December 19, 2024 07:34
@itsarghyadas itsarghyadas merged commit e1c6709 into magicuidesign:main Dec 19, 2024
3 of 4 checks passed
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.

3 participants