search

onlook-dev / onlook

The open source, local-first Figma for React. Design directly in your live React app and publish your changes to code.
https://onlook.dev
Apache License 2.0
3.8k stars 236 forks source link

[feat] Ultra subtle animations #568

Open drfarrell opened 1 month ago

drfarrell commented 1 month ago

When a user clicks on this button, it'd be nice to trigger a small animation.

When clicked, rotate the arrow 360º

image

When clicked, rotate the gear a couple degrees, and then back a couple degrees when unselected. 360º would be a bit excessive for this animation.

image

What other subtle animations can we include in the UI?

tanmaytare commented 1 month ago

i would like to work on it , can you assign it to me

drfarrell commented 1 month ago

@tanmaytare I'm going to assign this to you and leave the other issue you commented open for other contributors. If you finish this up, then we can assign you another, but I want to leave some open to other contributors in the meantime 👍

darshancn commented 1 month ago

If this issue is not yet assigned to @tanmaytare, i want to work on this .Please can you assign it to me

drfarrell commented 1 month ago

@tanmaytare how is this going? It should be relatively simple but let me know if you need help.