Mock landing page of "Surface Pro X" made in VueJS 3.

Overview

Black & White Surface Pro X mock landing page


For my very first experience of working with VueJS (version 3), I decided to mock a landing page for one of Surface products called "Surface Pro X". Here is a screenshot of it:

Image

Notes

  • Dirty and quick project (I've wrote it in 2 days)
  • Probably turn it into TypeScript (I don't think so)
  • But still reusable

Licensed by GPLv3

You might also like...
Use multiple Vue apps of the same class on the same page

MultiVue for Vue.js Use multiple vue apps of the same class on the same page. Vue support Supports only Vue = 2 Installation $ npm install vue-multiv

A zoomable fixed balloon container. Useful for adding tutorial videos or other page specific content.

vue-balloon Vue.js plugin to create a floating element that expands when clicked. Check out the example here. Dependencies This plugin uses font aweso

👋 Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an event with current selection and on creation. Good for GDPR requirements.

vue-cookie-accept-decline Show a banner with text, a decline button, and an accept button on your page. Remembers selection using cookies. Emits an ev

Vue component to add a snowfall on your page
Vue component to add a snowfall on your page

vue-niege Let it snow on your Vue applications! Single File Vue Component for lazy snow storms generation. Come on, let's make your Vue applications j

🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
🌟 DataFormsJS 🌟 A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.

🌟 Welcome to DataFormsJS! Thanks for visiting! 🌠 👍 🌐 🌎 🌏 🌍 中文 (简体) 欢迎来到 DataFormsJS Español Bienvenido a DataFormsJS Português (do Brasil) Bem

🎨 A Toolset for Building Extensible Page Builders with Vue.js
🎨 A Toolset for Building Extensible Page Builders with Vue.js

V-Craft V-Craft (inspired by Craft.js) is a toolset for building extensible page builders with Vue.js. Instead of a complete page builder with a user

A Vue 2.x component of easy-to-config page visibility api

vue-page-visibility-awesome A Vue 2.x component of easy-to-config page visibility api Introduction Demo Install $ npm i vue-page-visibility-awesome --

A minimal start page that is easily customizable and easy to use.
A minimal start page that is easily customizable and easy to use.

Everything is saved via local storage so you can just visit the website and edit the prefrences of your browser to redirect to that page

Instagram Feed Page Built on Chakra UI Vue

Instagram Feed Page Built on Chakra UI Vue

Owner
(Not) Kearash
Hobbyist. so far.
(Not) Kearash
Easybank landing page Built With Vue.js

Frontend Mentor - Easybank landing page Welcome! ?? Thanks for checking out this

null 6 Oct 5, 2022
Loopstudios Landing Page Built Using Vue.js

Loopstudios Landing Page Solução da plataforma Front-end-mentor Sobre Pre Requis

Pedro Paulo 1 Feb 7, 2022
PT Sinar Purnama Teknik Landing Page using vue.js

PT Sinar Purnama Teknik Sinar purnama teknik adalah perusahaan yang bergerak di

Prana Pramudita 1 Jan 31, 2022
Project landing page for IT Gathering HIMA TI Polihasnur Tahun 2022 - Build using Vue JS and Tailwind

Landing Page IT Gathering HIMA TI Politeknik Hasnur Tahun 2022 - Build using Vue JS and Tailwind About The landing page for the "IT Gathering HIMA TI

Oka R. Abdillah 7 Oct 7, 2022
Landing page place holder for leaderboards.gg

Landing page place holder for leaderboards.gg

Taylor 4 Jun 4, 2022
Frontend Mentor - Huddle Landing Page with Single Introductory Section Solution

Solution to the Huddle Landing Page Hero Section challenge by Frontend Mentor. Built with Vue+ TypeScript + UnoCSS + Vite.

null 0 May 3, 2022
Saas Landing Page

Saas Landing Page

silvesterwali 7 Nov 14, 2022
a landing template developed usage Nuxtjs, Vuetifyjs

Run # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launch server $ npm run

$ Chimon 3 Mar 31, 2022
Tokyo-travel-landing - Code for a design found on dribbble.

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 <script setu

Yanis Dev 0 Jan 10, 2022
:star: Rating component in Semantic-UI made with VueJS ( 1kB, blazing fast)

V-Rating ⚡ Simple ui rating component for Vue made with Semantic-UI. This is on GitHub so let me know if I've b0rked it somewhere, give me a star ⭐ if

Vinayak Kulkarni 47 Nov 11, 2022