Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/hero-mobile-showcase| 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
}