FreeTemplate · Landing pages
App Landing
Vue 3 landing page for a mobile app with a CSS-drawn phone mockup, feature highlights, a screenshot strip and download buttons. Tailwind CSS, dark mode.
by Vueplay
Vue landing page templates
A landing page template gives you a complete page, from hero to footer, so you can spend your time on the message instead of the markup. These Vue 3 templates are built from single-file components with Tailwind CSS 4 and class-based dark mode.
Each section is its own component, which makes it easy to reorder, remove or replace parts. Install a template with npm, copy the source, or open it in the Vueplay Studio and edit it visually with the code staying in your git repo.
Free
$19Template · Landing pages
SaaS Landing
Complete Vue 3 SaaS landing page template with a drawn product UI, features, pricing toggle, testimonials and FAQ. Tailwind CSS 4, dark mode, typed.
by Vueplay
A
FreeTemplate · Landing pages
Arctic
Arctic is a sleek and minimal Vue Play template inspired by the calm and clarity of icy landscapes. With clean layouts, cool tones, and a modern design system, it’s perfect for projects that need a fresh, elegant, and professional look. Whether you’re building portfolios, dashboards, or landing pages, Arctic provides a crisp foundation that puts your content in focus.
by Steffan Halvorsen
Good to know
Building landing pages that hold up
- Render it on the server or prerender it
- Landing pages depend on search and fast first paint. Use Nuxt, vite-ssg or another prerender step so the HTML arrives complete rather than built in the browser.
- Keep sections as data-driven components
- Pass headlines, features and prices as props from one content file. Updating copy or running an A/B test then does not require touching markup.
- Watch the first screen
- Prioritize the hero image, preload your main font, and avoid shipping JavaScript for sections that are purely static.
- Set meta tags per page
- Give every landing page its own title, description and Open Graph image. In Nuxt, useSeoMeta() keeps them typed.
FAQ
Questions
Can I use these landing page templates with Nuxt?
Yes. Templates are plain Vue 3 SFCs with no dependencies besides vue, so you can drop the components into Nuxt pages or a Vite app.
How do I customize a template?
Edit the Vue files directly, or open the template in the Vueplay Studio to rearrange sections visually. Either way the output is regular SFC code you own.