Shadcn.io is not affiliated with official shadcn/ui
Onboarding Mobile App Download
A mobile app download onboarding block for React and Next.js with App Store and Google Play buttons, QR code placeholder, and skip option built with shadcn/ui and Tailwind CSS.
Prompt users to download your mobile app with this mobile app download onboarding block for React and Next.js. Features App Store and Google Play download buttons with platform icons, a QR code scan area, app name with version info, and a skip for now ghost button. Built with TypeScript, shadcn/ui Button component, Framer Motion staggered entrance animations, and Tailwind CSS. Perfect for cross-platform SaaS onboarding, mobile companion app promotion, and multi-device setup flows.
Related Components
Welcome Onboarding
Welcome screen with greeting and feature highlights
Notification Permissions Onboarding
Notification channel toggles with switch controls
Integrations Onboarding
Third-party app connection setup step
Completion Onboarding
Completion celebration and next steps
Preferences Onboarding
User preference toggles for personalization
Checklist Onboarding
Setup checklist with progress tracking
FAQ
Was this page helpful?
Sign in to leave feedback.
Minimal
An ultra-minimal onboarding block for React and Next.js with single text input, workspace name setup, step indicator, and continue CTA built with shadcn/ui and Tailwind CSS.
Newsletter Opt
A newsletter preference onboarding block for React and Next.js with checkbox toggles, frequency badges, select all controls, and save action built with shadcn/ui and Tailwind CSS.