Parcel Locker

An interactive isometric illustration of a bank of parcel lockers where pressing a code key opens one locker's door on its lit parcel while the previous one swings shut and latches.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Parcel Locker to your project and fits it to your theme.

"use client";

import ParcelLocker from "@/components/ui/parcel-locker";
import "react-isokit/styles.css";

export default function ParcelLockerDemo() {
  return (
    <div className="w-full h-screen flex items-center justify-center p-8 bg-background">
      <div className="w-full max-w-xl">
        <ParcelLocker />
      </div>
    </div>
  );
}