iMac Mockup

CSS-only iMac device frames for showcasing desktop applications and websites.

Your Desktop App

1import { iMacMockup } from "@/zeroui/components/mockups";
2
3export default function Example() {

24"

24 inch

27"

27 inch

1<IMacMockup model="24" />
2<IMacMockup model="27" />

Silver

Blue

Green

Pink

Yellow

Orange

Purple

1<IMacMockup color="silver" />
2<IMacMockup color="blue" />
3<IMacMockup color="green" />

name	type	default	description
children	ReactNode	-	-
model	"24" \| "27"	"24"	-
color	"silver" \| "blue" \| "green" \| "pink" \| "yellow" \| "orange" \| "purple"	"silver"	-
className	string	""	-
screenClassName	string	""	-