About
this is the card with 3d animation.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 3d-card to your project and fits it to your theme.
Code
How 3d-card is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Floating3DCard } from "@/components/ui/3d-card";
export default function DemoOne() {
return <Floating3DCard />;
}
More by Nick
View all
Gallery Animation
1.1K
MacOS dock
206
Hero-Section
116
Ripple-Button
76
download-animation
76
Animated-card
56
text-animation
42
Loading-animation
30
More in Cards
View all
Statistics Card 7
294
Course Design Cards
1.1K
Interactive Tech Stack Bento Grid with Hover Effects
66
The Item one
3
Stats cards with links
81
Statistics Card 2
268
Card
56
Weather Card
54
