Shadcn.io is not affiliated with official shadcn/ui
Hero Split Phone Mockup
A split-layout hero with a phone frame mockup for React and Next.js featuring a dynamic island notch, crosshair placeholder, dual app store ShadcnioButton CTAs, and avatar stack social proof built with shadcn/ui and Tailwind CSS
Build a split-layout hero with a phone frame mockup using this React and Next.js block. Features an announcement pill, bold two-line headline, descriptive subtitle, dual ShadcnioButton app store CTAs, and an avatar stack for social proof alongside a right-side phone device frame with a dynamic island notch, crosshair image placeholder, and home indicator. Built with TypeScript, ShadcnioButton, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for mobile app landing pages, fintech products, health and wellness apps, and any software with a mobile-first experience.
Related Components
React Split Phone Frame Hero Block
React split hero with standalone portrait phone frame mockup and ShadcnioButton CTAs
React App Screenshots Hero Block
React hero with overlapping browser frame mockups and crosshair placeholders
React App Showcase Hero Block
React hero with interactive app preview built with shadcn/ui and Tailwind CSS
React Split Image Hero Block
React hero with split layout and image using shadcn/ui and Tailwind CSS
React Dark App Download Hero Block
React dark hero with app download buttons built with shadcn/ui and Tailwind CSS
React Product Screenshot Hero Block
React hero with product screenshot display styled with Tailwind CSS utilities
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Phone Frame
A split-layout hero section for React and Next.js with headline, dual ShadcnioButton CTAs, and avatar social proof on the left and a portrait phone frame mockup with notch and home indicator on the right built with shadcn/ui and Tailwind CSS
Split Progress Tracker
A split-layout hero with an onboarding progress tracker mockup for React and Next.js featuring an announcement pill, feature checklist, and dual ShadcnioButton CTAs built with shadcn/ui and Tailwind CSS