Components
futuristic 3D interactive card interface with holographic effects that responds to mouse movement, showcasing financial features through a sleek space-themed design with glowing accents and reactive animations.
A futuristic 3D interactive card interface with holographic effects that responds to mouse movement, showcasing financial features through a sleek space-themed design with glowing accents and reactive animations.
Loading preview...
// demo.tsx
import * as React from "react"
import CrossFiCard from "@/components/ui/cross-fi-card"
// You can create one or more demo variants
function DemoBasicCard() {
return (
<div className="p-4">
<CrossFiCard
title="Earn with Crypto"
description="Stake your assets and earn yield"
icon="bitcoin"
/>
</div>
)
}
function DemoWithCustomIcon() {
return (
<div className="p-4">
<CrossFiCard
title="DeFi Wallet"
description="Secure your assets with our wallet"
icon="shield"
/>
</div>
)
}
// Export all variants to show on the preview page
export { DemoBasicCard, DemoWithCustomIcon }