Mobile Game Landing Page
Mobile game pre-registration page: world lore, character gallery, gameplay features, pre-registration rewards.
Install
npx shadcn@latest add "https://webberui.com/r/mobile-game-landing.json?t=<install token>"The whole page lands in app/templates/mobile-game-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
Hero and Nav
Opening block with a sticky nav bar, the game logo, a pre-registration count progress bar, and download buttons for both platforms.
hero - 2
World Chronicle
A vertical scrolling timeline telling the star-fall story from prologue to finale, with a teaser trailer player.
timeline - 3
Character Roster
Four character cards that flip on hover: rarity on the front, combat stats on the back.
gallery - 4
Gameplay Features
Three columns covering the core loop: real-time combo combat, a seamless open continent, and hundred-player guild sieges.
features - 5
Pre-Registration Rewards
An overall progress bar and a milestone list showing the rewards that unlock as sign-ups climb.
content - 6
Pre-Register Call to Action
Centred call to action over a rotating magic circle, with pre-registration buttons for both platforms.
cta - 7
Footer
Footer with studio details, social links, multi-column navigation, and the age rating and copyright notice.
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 →