search

codse / animata

Bring your site to life with easy to use animation & interaction code. Copy. Paste. Animate.
https://animata.design
MIT License
1.41k stars 140 forks source link

Knob slider #326

Open sudhashrestha opened 1 month ago

sudhashrestha commented 1 month ago

Description

Create the component as shown in the video attached below.

Animation Preview

https://github.com/user-attachments/assets/4a280941-0b37-4706-ab38-f271c724e191

[!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.
  3. Add credits for any resources, references, or assets used, as specified in the Additional Resources section.

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](https://www.animata.design/docs/contributing) 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

Interaction by Nitish Khagwal

[!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

asmb123 commented 1 month ago

@sudhashrestha @hari I would like to work on this. Can you assign me?

sudhashrestha commented 3 weeks ago

Hi @asmb123

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!

asmb123 commented 3 weeks ago

Hi @asmb123

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!

I made the knob slider but could not complete all the functionalities.

https://github.com/user-attachments/assets/3b4f58f9-0d84-4abe-9d24-f99c70d4074c

sudhashrestha commented 3 weeks ago

@asmb123 Thanks for the update! If you’re able to finish up the ticket before the end of October, feel free to keep working on it. If not, please let me know so that others can take over. Thanks.

asmb123 commented 3 weeks ago

@asmb123 Thanks for the update! If you’re able to finish up the ticket before the end of October, feel free to keep working on it. If not, please let me know so that others can take over. Thanks.

Due to some other commitments i might not be able to work further on this. I am unassigning myself.