Swinging Key Cursor
Add a playful and realistic swinging motion to key images. Perfect for real estate, automotive, and interactive UI experiences.
Make it with Workshop
Build your own component with AI
About
Swinging Key Cursor is a Code Component that adds a playful and realistic swinging motion to images.With fully customizable properties, you can make the feel as you wish.
Instructions
Make sure to unlink any instances before using it.
Open the component.
Customize the image and properties of each key as you wish.
Duplicate instances as many times as you like, if you want to make a keychain full of keys.
Make sure to keep each key inside one component, as the original component is set. That way, Framer's custom cursor picker can see it as a Component.
Tip: If you're using more than one key, use different swing intensity values for each key to make them move in different rates.
Support
For any queries and help setting up the component, please contact hello@rafavaz.design
