Mia Jones
Lisbon · 2h
Appvio is a mobile app landing template in pure HTML, CSS and JavaScript. Realistic phone mockups, 6 unique demos, dark and light looks, and no build step.
Hello, Maya
20 min · Sleep
10 min · Focus
15 min · Anxiety
Mindful streak
Welcome back
Total balance
See all
Today
Today
Today
Good morning
of 10k steps
Calories
Heart
5.2 km · 18:30
Every demo has its own color theme, hero layout and app screens. Mix and match sections freely.
Good morning
of 10k steps
Calories
Heart
5.2 km · 18:30
Welcome back
Total balance
See all
Today
Today
Today
Deliver to
Evening session
4 · 7 · 8 breathing · 08:24
Lisbon · 2h
Monday, Oct 19
Daily progress
Hand-written, organized and commented code you can actually customize.
Realistic device frames built in CSS. Drop in a screenshot or edit the HTML screen.
Features, pricing, blog, contact, download, FAQ, 404, coming soon and more.
One CSS and one JS file. No jQuery, no Bootstrap, no build tools.
Theme tokens via CSS variables. Change the whole look in 6 lines.
Semantic, accessible markup with ARIA, focus styles and reduced-motion support.
Upload one folder to Cloudflare Pages, Netlify, cPanel or GitHub Pages.
No. Open the HTML files in any editor and upload the site folder to any host. A small optional script is included if you want to regenerate the header and footer on every page at once.
Yes. Replace the HTML inside any .screen element with an <img> of your screenshot. The phone frame stays the same.
Each demo uses 6 CSS variables (brand, brand-2, accent, background, surface, text). Edit them in assets/css/appvio.css.
They validate in the browser and show a success message. Connect Formspree, Netlify Forms or your own backend by setting the form action. Steps are in INSTALL.md.
No. Pricing buttons link to your download page or store listing, which is how mobile apps handle payments.
Pick a demo, swap in your screenshots and go live today.
Project
4 tasks
3 tasks
9 tasks
Oct 22
Oct 22
Oct 22