A mobile app launch site.
A complete launch site for a mobile app, with one signature moment: a 3D phone, modelled in three.js, that holds its place while you scroll, turns toward the text you are reading, and shows the real app screen on its glass. The screen is live HTML, not a picture, so you change it by editing words and numbers.
- For
- Mobile app launch
- Built with
- Next.js 16, TypeScript, Tailwind CSS 4, three.js
- Pages
- 8 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A procedural 3D phone that turns toward the text you are reading, with the live HTML app screen mapped onto its glass and swapping as you scroll.
What you get
Straight from the template's README, the same file you will find in the repository.
- Seven pages plus a 404 and an error state, in light and dark, from 390 px phones to 1440 px desktops.
- The 3D phone: lazy loaded, pixel ratio capped at 2, paused off screen and in background tabs, one still frame under reduced motion, and a static fallback of the same size when WebGL is missing.
- Five app screens designed and built in HTML and CSS (onboarding, home, detail, look back, settings) that scale crisply into any phone frame. Their figures are computed from one data block, so totals agree on every screen.
- A pinned feature story: the hero and four steps share one phone; the screen swaps and the section colour moves from the sun field to the page ground as you scroll.
- A working "set your number" calculator whose result appears on the phone's screen.
- Screens carousel (native scroll snap, buttons, counter), ratings summary with spread by star, reviews, Free and Premium pricing with a monthly and yearly switch that works without script, FAQ, download section with store badges and a QR slot.
- Support page with instant search, topic filters and an empty state; changelog; privacy and terms starters.
- A new engine theme,
sundial(sun yellow, stone, green-black ink), contrast-checked in both modes, and the full Cardzo engine so you can switch to any of 12 palettes and 6 type pairings. - Visible focus everywhere, skip link, semantic headings, 44 px tap targets, theme switch that remembers your choice without a flash.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Features
- Pricing
- Support
- Changelog
- Privacy
- Terms
- 404
Stack
- Next.js 16
- TypeScript
- Tailwind CSS 4
- three.js
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
