Getting Started
Templates
Components
| Prop | Type | Default | Description |
|---|---|---|---|
textLines | TextLine[] | Default lines | Background text lines |
mobileImage | string | - | Mobile screen image source |
mobileImageAlt | string | "Mobile app screenshot" | Image alt text |
frameColor | "black" | "white" | "silver" | "gold" | "black" | Phone frame color |
phoneSize | "sm" | "md" | "lg" | "xl" | "lg" | Phone size |
textFont | "serif" | "sans" | "mono" | "serif" | Text font style |
textOpacity | number | 1 | Text opacity (0-1) |
animationSpeed | "slow" | "normal" | "fast" | "normal" | Animation speed |
showDynamicIsland | boolean | true | Show Dynamic Island |
bgColor | string | - | Background color class |
className | string | - | Additional CSS classes |
children | ReactNode | - | Custom content inside phone |
interface TextLine {
left: string
right: string
}