Apple Pro Display XDR

PreviewCode

Apple Pro Display XDR is a React display mockup component for shadcn/ui, animated with Motion. Use it to showcase desktop apps on landing pages, or pass your own screen content.

Installation

pnpmnpmyarnbun
Copy
pnpm dlx shadcn@latest add @cult-ui/apple-pro-display-xdr

Usage

AppleProDisplayXDR is a client component. Optionally pass screenContent to fully control the display area; otherwise the default cycling demos and dock run on click.

Copy
import { AppleProDisplayXDR } from "@/components/apple-pro-display-xdr";
 
export function Hero() {
  return (
    <AppleProDisplayXDR initialMode="wallpaper" />
  );
}