Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Mobile App Footer Block

A React mobile app download footer block for Next.js with QR code placeholder, app store download buttons, two link columns, and copyright using shadcn/ui and Tailwind CSS

Bridge desktop visitors to your mobile experience. This React footer features a mobile app promotion section with a heading, short description, a dashed QR code placeholder for scan-to-download, and two download buttons for App Store and Google Play. Two organized link columns cover product and company navigation below, and a copyright bar anchors the bottom. Built with shadcn/ui Button components, framer-motion entrance animations, react-wrap-balancer for balanced typography, and Tailwind CSS. Ideal for SaaS products with companion mobile apps, fintech platforms, health and fitness tools, and any business where mobile adoption drives engagement and retention.

Loading...
Scroll to load preview

Installation

Install
Pro block

FAQ

Last updated on March 24, 2026

Was this page helpful?

Sign in to leave feedback.