Design inspiration curated from X

just recreated this metallic 3D button in @framer—complete with lay... - Framer University

Published by Framer University on March 31, 2025.

just recreated this metallic 3D button in @framer—complete with layered gradients, glow effects, and hover interactions check it out and remix it here: ↓

Design notes

just recreated this metallic 3D button in @framer—complete with layered gradients, glow effects, and hover interactions check it out and remix it here: ↓

This entry is part of MotionVault's curated archive of interface, product, brand, website, and motion design references from public creators on X.

Image rights and licensing remain with Framer University; use the original X post for source and licensing inquiries.

Deep Clone · React 19 + Framer Motion

Interactive Sandbox & Production Code

Reverse-engineered 1:1 component with spring physics, accessible keyboard controls, and modular Tailwind CSS.

https://northlight.design/sandbox/1906708584370667643
Launch Sandbox ↗

Reference details

Creator
Framer University
X handle
@learnframer
Published
March 31, 2025
Media
1 visual reference
Views
3,782
Likes
82
Bookmarks
30

Related tags