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
This is an animated 3D metal pin recreated in Framer, from Daniel’s work. I used two of my components—3D Hover and Parallax Floating—to make it interactive. Feel free to remix or add it to your project!
Created by
To create this animated 3D metal pin, I used the 3D Hover component on the card layer for tilt and depth. The metal pin frame is linked to the card, with Parallax Floating applied and a subtle highlight glow. I added a slight scale-up on hover state to enhance the interaction.
To create this animated 3D metal pin, I used the 3D Hover component on the card layer for tilt and depth. The metal pin frame is linked to the card, with Parallax Floating applied and a subtle highlight glow. I added a slight scale-up on hover state to enhance the interaction.
To create this animated 3D metal pin, I used the 3D Hover component on the card layer for tilt and depth. The metal pin frame is linked to the card, with Parallax Floating applied and a subtle highlight glow. I added a slight scale-up on hover state to enhance the interaction.
The two variants of the metal pin card component, along with the frame linking the 3d hover interaction.
The two variants of the metal pin card component, along with the frame linking the 3d hover interaction.
The two variants of the metal pin card component, along with the frame linking the 3d hover interaction.
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.
