Component
Skeuomorphic Button in Framer
I discovered this fantastic skeuomorphic button by Petr Knoll and recreated it in Framer. The entire interaction is built without any code—so feel free to use it in your own projects!
Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
I discovered this fantastic skeuomorphic button by Petr Knoll and recreated it in Framer. The entire interaction is built without any code—so feel free to use it in your own projects!
I created this realistic-looking skeuomorphic button using a mix of gradients and shadows. For interactions, I turned it into a component and created hover and pressed states - tweaking the shadows and opacity to make it feel like a real button when you interact with it!
I created this realistic-looking skeuomorphic button using a mix of gradients and shadows. For interactions, I turned it into a component and created hover and pressed states - tweaking the shadows and opacity to make it feel like a real button when you interact with it!
I created this realistic-looking skeuomorphic button using a mix of gradients and shadows. For interactions, I turned it into a component and created hover and pressed states - tweaking the shadows and opacity to make it feel like a real button when you interact with it!
The default, hover and pressed variants of the skeuomorphic button component.
The default, hover and pressed variants of the skeuomorphic button component.
The default, hover and pressed variants of the skeuomorphic button component.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.