Portfolio hero

[sudhashrestha]

Description

Create the component as shown in the video attached below.

Animation Preview

• Screenshot/Video:

portfolio-hero.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/layers_to/status/1831708982789988486

---

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

[AE-Hertz]

@sudhashrestha from where to get the asset of those 3 animations?

[sudhashrestha]

Hi, @AE-Hertz We don't have access to those assets. You need to create/use something on your own. Please add references if you will be using other's assets.

[asmb123]

@sudhashrestha @hari I would like to work on this.

[Arun-cn]

i like to work on it

[sonigitkhushi]

@sudhashrestha Please assign me this issue. I want to work on it.

[TarushGupta23]

i would like to work on it

[TarushGupta23]

I am done with basic design and i am currently starting with making the assets (in svg format) ...
i created these svgs by my onwn using figma to create props and then online websites to animate svg
here is sample of one of them, please assign it to me

Screen.Recording.2024-10-18.at.12.10.46.AM.mov