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.

Sign up for GitHub

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

Jump to bottom

[Feature] Add Mouse Hover Particle Background #885

Closed
4 of 7 tasks
Skb08 opened this issue Jun 4, 2024 · 5 comments · Fixed by #914
Closed
4 of 7 tasks

[Feature] Add Mouse Hover Particle Background #885

Skb08 opened this issue Jun 4, 2024 · 5 comments · Fixed by #914
Assignees
@Skb08
Labels
component addition 💻 Addition of new component enhancement ✨ New feature or request gssoc GSSOC Open Source Program level3 Advanced task

Comments

@Skb08
Copy link
Contributor

Skb08 commented Jun 4, 2024 •
edited
Loading

Description

I want to enhance the user experience on our website by adding a visually appealing background effect that reacts to mouse movements. Particle.js is a popular JavaScript library that can help us achieve this by creating a particle system that follows the user's cursor.
here the demo video (it's only the demo in final background will be replace)

Video

2024-06-04-10-39-57.mp4

Checklist

  • I have checked the existing issues.
  • I follow Contributing Guidelines of this project.
  • I am a GSSOC'24 contributor.
  • I am a IWOC'24 contributor.
  • I am a JWOC'24 contributor.
  • I am a SWOC'24 contributor.

Code of Conduct
@github-actions GitHub Actions
Copy link

github-actions bot commented Jun 4, 2024

Hey @Skb08, Welcome to the project Beautiify! 🎊
Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

@Skb08 Skb08 changed the title [Feature] <Add Particlejs mouse hover background> [Feature] Add Mouse Hover Particle.js Background Effect Jun 4, 2024
@Rakesh9100
Copy link
Owner

Do yOu want to implement this background for the home page @Skb08

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Jun 7, 2024
@Skb08
Copy link
Contributor Author

Skb08 commented Jun 7, 2024

No , I want to add this in the background component

@Rakesh9100
Copy link
Owner

Go ahead @Skb08

@Rakesh9100 Rakesh9100 added gssoc GSSOC Open Source Program and removed question 🤔 Further information is requested labels Jun 7, 2024
@Skb08 Skb08 mentioned this issue Jun 8, 2024
Merged
6 tasks
@Rakesh9100 Rakesh9100 changed the title [Feature] Add Mouse Hover Particle.js Background Effect [Feature] Add Mouse Hover Particle Background Jun 8, 2024
@github-actions GitHub Actions
Copy link

Hello @Skb08! Your issue #885 has been closed. Thank you for your contribution!! 🙌

@Rakesh9100 Rakesh9100 added enhancement ✨ New feature or request component addition 💻 Addition of new component level3 Advanced task labels Jun 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Skb08 Skb08

Labels
component addition 💻 Addition of new component enhancement ✨ New feature or request gssoc GSSOC Open Source Program level3 Advanced task
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Added Mouse Hover Particle Background Skb08/Beautiify
2 participants
@Rakesh9100 @Skb08