Admit One 3D Holographic Ticket

Shaders 101

About

Interactive WebGL 3D holographic event ticket with dynamic tilt physics, specular sheen, and stub geometry.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Admit One 3D Holographic Ticket to your project and fits it to your theme.

Code

How Admit One 3D Holographic Ticket is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import React from "react";
import AdmitOneTicket from "@/components/ui/admit-one-3-d-holographic-ticket";

export default function AdmitOneTicketDemo() {
  return (
    <div className="flex min-h-[500px] w-full items-center justify-center bg-zinc-950 p-8">
      <div className="flex flex-col items-center gap-4">
        <AdmitOneTicket
          name="ALEXANDER VANCE"
          presenter="CYBERSPACE 2026"
          event="TECH INNOVATION SUMMIT"
          venue="SECTOR 07 • MAINFRAME AUDITORIUM"
          dates="OCTOBER 24-26, 2026 • SAN FRANCISCO"
          stubText="VIP ACCESS"
          watermark="2026"
          width={580}
        />
        <p className="text-xs font-mono text-zinc-500">
          Move your cursor over the ticket to experience dynamic 3D tilt, holographic foil, and specular highlights.
        </p>
      </div>
    </div>
  );
}