Explore hover effect

[sudhashrestha]

Description

Create the component as shown in the video attached below.

Animation Preview

• Screenshot/Video:

explore-hover-effect.mov

Note

Please refer to the Animata contributing guidelines available here for rules on how to contribute to the project. Let us know in the comments if you’re working on this issue, and feel free to ask any questions!

Requirements

1. Create a new animated component that matches the provided design.
2. Add example usage of the component in the documentation or storybook.

Guidelines & Best Practices

• Write reusable and clean code following the project’s style guide.
• The component should be fully customizable. The user should be able to modify props such as duration, easing, color, and size where applicable.
• Follow the Contributing Guidelines before submitting your pull request.

Important

To ensure more contributors have the opportunity to participate, we kindly request that:

• Each contributor submits only one pull request related to this issue.
• If you're interested in working on this issue, please comment below. We will assign the issue on a first-come, first-served basis.

---

Additional Resources

Posted on X by: https://x.com/halil_works/status/1823677505296805892

---

Tip

Join our Discord community if you need help or have any questions. We're here to help you get started and guide you through the process. Join now

[ArunKushhhh]

@sudhashrestha Hey i want to work on this feature

[sudhashrestha]

@ArunKushhhh Assigned!

[sudhashrestha]

Hi @ArunKushhhh

I hope you're doing well! Since it's been a while since this issue was assigned, I wanted to check in and see if you're still planning to work on it. If so, could you kindly share an update by tomorrow?

If I don't hear back by then, I’ll unassign the issue to allow others to take it up.

Thanks for your understanding!

[ArunKushhhh]

Hello @sudhashrestha ma'am,

I am genuinely sorry for the delay. I am a college student so I got invested in my university mid semester exams. But now my exams are over and it's time for me to continue with the issue.

I am definitely planning to work on the issue. I have already gone through the contributing guidelines. I will surely give you an update within the next two or three days.

Thank you for understanding and being considerate!

[sudhashrestha]

Hi @ArunKushhhh - Thank you for the update! I completely understand that exams can be demanding. I’m glad to hear you’re ready to continue, and I’m looking forward to your progress. Best of luck, and thanks for contributing!

[ArunKushhhh]

Hello @sudhashrestha ma'am
Ma'am could I know where can I gee the assets required to build the component.
Do i need to create them myself or are they already available? I am almost done with the building of the component