Apple Iphone 17 Pro

iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors. Renders a mockup with interactive elements and customizable appearance. Use for visual presentations or design previews.

byjordan from Cult UI

Installation

terminal

pnpm dlx layro-cli add @nolly-studio/apple-iphone-17-pro

npx layro-cli add @nolly-studio/apple-iphone-17-pro

npx layro-cli add @nolly-studio/apple-iphone-17-pro

bunx layro-cli add @nolly-studio/apple-iphone-17-pro

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import {
  useState,
  type KeyboardEvent as ReactKeyboardEvent,
  type ReactNode,
} from "react"
import {
  AlignJustify,
  AudioLines,
  Heart,
  Mic,
  Music,
  Pause,