Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
Hero Block App Showcase
Hero block with simple phone mockup and app store buttons
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Showcase your mobile app elegantly. This React hero block features a clean phone mockup with your app screenshot, app store download buttons, and key feature highlights. Built entirely with shadcn/ui Button, Badge, and Card components—no complex 3D transforms or animations. The phone frame is pure CSS with rounded corners and a notch. Screenshots display inside the frame with proper aspect ratio. App store buttons use inline SVG icons. Perfect for mobile app landing pages, app launches, or any product with a mobile-first experience.
Your productivity, in your pocket
Take control of your tasks, habits, and goals with our beautifully designed mobile app. Available on iOS and Android.
- Offline support
- Push notifications
- Biometric login
- Dark mode
500,000+ downloads worldwide
Installation
Related blocks you will also like
Hero Block Dark App Download
Dark hero with app buttons
Hero Block Product Screenshot
Hero with browser mockup
Hero Block Split Image
Split layout with image
Hero Block Feature Cards
Hero with feature cards