Docs
Apple Pro Display XDR
Studio Display–style aluminum frame, screen modes, and interactive macOS dock
Installation
Pro workflow
Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.
Get ProInstall the required dependencies:
pnpm add @tabler/icons-react motion
Install the tooltip component from shadcn/ui:
pnpm dlx shadcn@latest add tooltip
Copy and paste the following code into your project.
Source code is available for Pro members.
Upgrade to copy and use these components in your projects.
View pricingUpdate the import paths to match your project setup.
The built-in wallpaper demo loads next/image from public/images/apple-wallpaper.jpg. Add
that asset or pass screenContent / adjust the source in the component.
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.
import { AppleProDisplayXDR } from "@/components/apple-pro-display-xdr";
export function Hero() {
return (
<AppleProDisplayXDR initialMode="wallpaper" />
);
}