Components
Loading preview...
Ticket Confirmation Card Digital receipt-style confirmation with success status, ticket ID, payment details, and barcode. Designed for event booking, travel tickets, or payment confirmations. Clean layout ensures trust and easy scanning.
@ravikatiyar
npx shadcn@latest add https://21st.dev/r/ravikatiyar162/ticket-confirmation-cardimport { AnimatedTicket } from "@/components/ui/ticket-confirmation-card";
export default function AnimatedTicketDemo() {
return (
<div className="flex h-full w-full items-center justify-center bg-background p-4">
<AnimatedTicket
ticketId="0120034399434"
amount={305.50}
date={new Date("2025-06-19T10:15:00")}
cardHolder="Liana80 Tudakova"
last4Digits="8237"
barcodeValue="28937261273650"
/>
</div>
);
}