Mobile App Landing Page
App landing page: interactive app preview, mobile-first layout, download CTA.
Install
npx shadcn@latest add "https://webberui.com/r/mobile-app-landing.json?t=<install token>"The whole page lands in app/templates/mobile-app-landing/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Nav Bar and Hero
Sticky nav bar, a phone frame that cycles through three app screens as you scroll, and app store download badges.
hero - 2
Results Bar
Four figures that count up on entry, covering user numbers and catalogue size.
stats - 3
Feature Highlights
The three core features, each pairing a phone screen with its copy in an alternating left-right layout.
features - 4
Screenshot Gallery
A row of six app screens drifting sideways as you scroll, giving a feel for each part of the app.
gallery - 5
User Reviews
An app store rating summary and four cards of real user praise.
testimonial - 6
Download Call to Action
Final conversion block built from store badges, a parallax phone frame, and a scan-to-download card.
cta - 7
Footer
Dark footer with a brand blurb, four columns of site links, and the copyright line.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →