Pipeline
- Docsusage, props, keywords
- Demosrc/demo.tsx
- Buildshadcn add → vite
- Capturelight, dark, motion
- IndexBM25 + vectors
Public log. Prompts, raw model errors and costs stay on the admin side.
Log
Demo source
src/demo.tsx · from an earlier run
import { ArrowUpRight } from "lucide-react"import { CardBody, CardContainer, CardItem } from "@/components/ui/3d-card"export default function ThreeDCardDemo() { return ( <CardContainer containerClassName="w-full max-w-md py-8" className="w-full"> <CardBody className="h-auto w-full max-w-sm rounded-2xl bg-slate-950 p-5 shadow-xl"> <CardItem translateZ={45} className="text-sm font-medium text-slate-400"> Studio collection </CardItem> <CardItem translateZ={55} className="mt-2 text-2xl font-bold tracking-tight text-white"> Aurora Lamp </CardItem> <CardItem translateZ={35} className="mt-2 max-w-xs text-sm leading-relaxed text-slate-400"> A warm, sculptural light designed to make quiet spaces feel inviting. </CardItem> <CardItem translateZ={30} className="mt-5 w-full overflow-hidden rounded-xl"> <div className="relative h-44 w-full overflow-hidden bg-gradient-to-br from-cyan-300 via-indigo-500 to-violet-700"> <div className="absolute -right-8 -top-10 h-40 w-40 rounded-full bg-white/30 blur-2xl" /> <div className="absolute bottom-5 left-1/2 h-24 w-24 -translate-x-1/2 rounded-full bg-amber-200/80 blur-xl" /> <div className="absolute bottom-0 left-1/2 h-28 w-1 -translate-x-1/2 bg-slate-950/70" /> <div className="absolute bottom-0 left-1/2 h-3 w-28 -translate-x-1/2 rounded-full bg-slate-950/70" /> </div> </CardItem> <div className="mt-5 flex items-center justify-between"> <CardItem translateZ={25} className="text-lg font-semibold text-white"> $128.00 </CardItem> <CardItem as="button" type="button" translateZ={45} className="inline-flex items-center gap-2 rounded-full bg-white px-4 py-2 text-sm font-semibold text-slate-950 transition hover:bg-slate-200" > Explore <ArrowUpRight className="size-4" /> </CardItem> </div> </CardBody> </CardContainer> )}