3D Glass Button
作为产品设计师/体验设计师，过去，我工作在字节跳动、快手和百度。
3D Glass Button
3D glass button made entirely in Framer with 0 code. It consists of multiple layers for achieving the highlights and shadows. This was a remake and source of inspiration originally made by Petr Knoll. Feel free to de-structure how it was build by detaching the component and digging into the layers and transform properties.
How do I use it?
3D glass button made entirely in Framer with 0 code. It consists of multiple layers for achieving the highlights and shadows. This was a remake and source of inspiration originally made by Petr Knoll. Feel free to de-structure how it was build by detaching the component and digging into the layers and transform properties.
Frequently asked questions
What is this component about?
This is a layout jump preventer component for Framer. It keeps your layout from jumping by smoothly handling size changes, in both horizontal and vertical direction or both.
How can I use it in my project?
To use the Layout Jump Preventer component in Framer, place it at the top level inside a component. You can set the direction to vertical (default) to animate only height changes, horizontal to animate only width changes, or both to animate both width and height changes smoothly.
Do I need to know how to code?
No, you don’t need to use code! This component works directly in Framer—just drop it into your project and adjust the settings as needed.
Where can I find this component?
If it's not publicly available yet, you can comment "JUMP" on the release tweet, and I'll send it to you!