Device Mockup

v1.1.0

Hardware frame mockups for showcasing UIs.

Renders a standard compact layout, complete with dynamic volume buttons, a camera array cutout, and a persistent home indicator tracking line.

Provides a wide orientation matrix frame, making it ideal for layout verification across desktop-lite grids or administrative system tools.

Properties API

All available props for this component.

Property	Type	Default	Description
type	'phone' \| 'tablet'	'phone'	Configures the external structural bezel parameters and structural factor dimensions.
animate	boolean	true	Enables hardware-accelerated spring entry transitions when mounting into active view tracks.
className	string	''	Standard utility appending parameters straight onto the outer structural hardware chassis frame layer.
children	React.ReactNode	undefined	Clipped inner frame view hierarchy containing your target app dashboards or interface elements.