Components

MockupPhone

MockupPhone — a phone-shaped device frame that wraps a preview so a screen looks like it is running on a handset. Use it in marketing pages, onboarding tours, or a styleguide to show a mobile flow in context — a booking confirmation, the room keys screen, a folio — without hand-drawing a bezel. Drop any content in as `children`: a screenshot `<img>`, an embedded page, or live components; the frame clips it to the rounded display and adds the camera notch. It is pure chrome, not an interactive control, so it carries no color axis — the screen supplies all the color.