Back to UI Components
Components

iPhone

A phone-shaped frame used to display app screens or mobile layouts inside a larger interface.

iPhone is a real, MIT-licensed React + Tailwind UI component from the open-source Magic UI library. Run the install command above with the shadcn CLI and it drops the component's actual source straight into your project.

We re-check this entry on a schedule, so the install command keeps pointing at the current registry item.

CategoryComponents
LibraryMagic UI
npx shadcn@latest add "https://magicui.design/r/iphone.json"

How to use it

  1. Run the install command above — the shadcn CLI drops the real component files into your project.
  2. Install the dependencies listed below it, if any.
  3. Import the component and restyle it with your own Tailwind tokens.
Compiled and written by VintuxAI from public sources.
← Back to UI Components