Components
A premium, reflective 3D metallic business card component that dynamically responds to mouse movement with realistic lighting and tilt effects. It supports multiple metal finishes (gold, silver, bronze, platinum) and intelligently adjusts text color and glow for perfect readability on each surface.
npx shadcn@latest add https://21st.dev/r/rahil1202/metallic-business-cardLoading preview...
import { MetallicBusinessCard } from "@/components/ui/metallic-business-card";
export default function DemoOne() {
return (
<main style={{ minHeight: '100vh', display: 'grid', placeItems: 'center', padding: 20 }}>
<MetallicBusinessCard
metal="gold"
width={460}
name="Rahil Vahora"
role="Software Developer"
company="ABCD Studio"
email="rahil@abcd.studio"
phone="+1 (415) 555-0134"
website="rahil.pro"
logoSrc="https://avatars.githubusercontent.com/u/199367026?s=280&v=4"
align="left"
/>
</main>
);;
}