Docs
Mac Screen
Classic Mac frame with an image or GIF composited into the CRT
Installation
pnpm dlx shadcn@latest add https://cult-ui.com/r/mac-screen.json
Usage
MacScreen is a client component. Pass gifUrl for any image URL (not only GIFs) to show inside the bezel, and alt for accessible text for that inner image.
import { MacScreen } from "@/components/mac-screen";
export function Hero() {
return (
<MacScreen
gifUrl="https://example.com/preview.png"
alt="Product screenshot"
/>
);
}