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
207
Hero-Section
119
Ripple-Button
76
download-animation
76
Animated-card
56
text-animation
43
Loading-animation
31
More in Cards
View all
Course Design Cards
1.1K
Statistics Card 7
301
Statistics Card 2
272
Stats cards with links
82
Interactive Tech Stack Bento Grid with Hover Effects
184
Card Studio
35
Card
70
Card
18
