CINXE.COM
Vue.js Development Agency | VueJS Development Company | Plug & Play
<!DOCTYPE html> <html lang="en-GB" class="no-js -loading -site-pnp"> <head> <meta charset="UTF-8"> <title>Vue.js Development Agency | VueJS Development Company | Plug & Play</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.4 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Our Vue.js development agency provides consultation and full project leadership for IT teams working on Vue js projects." /> <link rel="canonical" href="https://www.plugandplaydesign.co.uk/vue-js-development-agency/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Vue.js Development Agency | VueJS Development Company | Plug & Play" /> <meta property="og:description" content="Our Vue.js development agency provides consultation and full project leadership for IT teams working on Vue js projects." /> <meta property="og:url" content="https://www.plugandplaydesign.co.uk/vue-js-development-agency/" /> <meta property="og:site_name" content="Plug and Play" /> <meta property="article:modified_time" content="2022-12-16T13:02:48+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.plugandplaydesign.co.uk/vue-js-development-agency/","url":"https://www.plugandplaydesign.co.uk/vue-js-development-agency/","name":"Vue.js Development Agency | VueJS Development Company | Plug & Play","isPartOf":{"@id":"https://www.plugandplaydesign.co.uk/#website"},"datePublished":"2022-11-25T09:17:50+00:00","dateModified":"2022-12-16T13:02:48+00:00","description":"Our Vue.js development agency provides consultation and full project leadership for IT teams working on Vue js projects.","breadcrumb":{"@id":"https://www.plugandplaydesign.co.uk/vue-js-development-agency/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.plugandplaydesign.co.uk/vue-js-development-agency/"]}]},{"@type":"BreadcrumbList","@id":"https://www.plugandplaydesign.co.uk/vue-js-development-agency/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.plugandplaydesign.co.uk/"},{"@type":"ListItem","position":2,"name":"Vue.js"}]},{"@type":"WebSite","@id":"https://www.plugandplaydesign.co.uk/#website","url":"https://www.plugandplaydesign.co.uk/","name":"Plug and Play","description":"Plug & Play Web Design Agency","publisher":{"@id":"https://www.plugandplaydesign.co.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.plugandplaydesign.co.uk/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://www.plugandplaydesign.co.uk/#organization","name":"Plug and Play Design","url":"https://www.plugandplaydesign.co.uk/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/","url":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","contentUrl":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","width":129,"height":27,"caption":"Plug and Play Design"},"image":{"@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/"}}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//ajax.aspnetcdn.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//code.ionicframework.com' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='ionicons-css' href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='global_css-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/global.min.css?ver=1.40' type='text/css' media='all' /> <link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main.css?ver=4.13.1' type='text/css' media='all' /> <style id='moove_gdpr_frontend-inline-css' type='text/css'> #moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:Nunito,sans-serif}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green{background-color:#0C4DA2;border-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover{background-color:#fff;color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{background-color:#0C4DA2;border:1px solid #0C4DA2}#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #0C4DA2;-moz-box-shadow:0 0 1px 3px #0C4DA2;box-shadow:0 0 1px 3px #0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#0C4DA2}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none} </style> <script src="https://www.google.com/recaptcha/api.js?render=6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5" id="google_captcha-js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" id="modernizer-js"></script> <link rel="https://api.w.org/" href="https://www.plugandplaydesign.co.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.plugandplaydesign.co.uk/wp-json/wp/v2/pages/11236" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.plugandplaydesign.co.uk/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.plugandplaydesign.co.uk/?p=11236' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fvue-js-development-agency%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fvue-js-development-agency%2F&format=xml" /> <link rel="icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-config" content="/favicons/browserconfig.xml"> <meta name="theme-color" content="#202226"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!--Microdata--> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "logo": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/plug_and_play.png", "email": "hello@plugandplaydesign.co.uk", "telephone": "01483 276 699", "name": "Plug and Play", "url": "https://www.plugandplaydesign.co.uk" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Guildford", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/06/PlugandPlay20190809.jpg", "hasmap": "https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "01483 276 699", "@id": "https://www.plugandplaydesign.co.uk/?location=guildford", "address": [ { "@type": "PostalAddress", "streetAddress": "Innovation House, 2 - 6 High Street", "addressLocality": "Guildford", "addressRegion": "Surrey", "addressCountry": "UK", "postalCode": "GU2 4AJ" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play South Bank", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/Path-6045@2x.jpg", "hasmap": "https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=south_bank", "address": [ { "@type": "PostalAddress", "streetAddress": "32 Blackfriars Road", "addressLocality": "London South Bank", "addressRegion": "London", "addressCountry": "UK", "postalCode": "SE1 8PB" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Central London", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/PlugPlay-00042@2x.jpg", "hasmap": "https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=soho", "address": [ { "@type": "PostalAddress", "streetAddress": "72 Wells Street", "addressLocality": "Fitzrovia", "addressRegion": "London", "addressCountry": "UK", "postalCode": "W1T 3QF" } ] } </script> <script> if ( !window.console) window.console = {log: function() {}}; //IE9 Console var COPYRIGHT_TEXT = "\/\/ COPYRIGHT NOTICE \/\/ <br\/>This website is protected by Copysentry, an anti-plagiarism tool for monitoring website content across the internet, and the DMCA. While we're flattered that you like our content, unfortunately we can't let you use it (it's bad for SEO and stuff). The copyright owner is Plug and Play Design limited, who reserve all rights and title to this content. You're welcome to link to this content, or even use it for inspiration, but just don't copy it; you're better than that. Thanks :-)"; var GOOGLE_RECAPTCHA_KEY = "6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5"; </script> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/chronicledisplay/ChronicleDisplay-Roman.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Medium.woff" as="font" type="font/woff" crossorigin="anonymous"> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=996783, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={nonce:v&&v.nonce,use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script> <!-- End VWO Async SmartCode --> <script defer data-domain="plugandplaydesign.co.uk" src="https://plausible.io/js/plausible.js"></script> <!-- Google Tag Manager --> <script data-rocketlazyloadscript='data:text/javascript;base64,KGZ1bmN0aW9uKHcsZCxzLGwsaSl7d1tsXT13W2xdfHxbXTt3W2xdLnB1c2goeydndG0uc3RhcnQnOg0KbmV3IERhdGUoKS5nZXRUaW1lKCksZXZlbnQ6J2d0bS5qcyd9KTt2YXIgZj1kLmdldEVsZW1lbnRzQnlUYWdOYW1lKHMpWzBdLA0Kaj1kLmNyZWF0ZUVsZW1lbnQocyksZGw9bCE9J2RhdGFMYXllcic/JyZsPScrbDonJztqLmFzeW5jPXRydWU7ai5zcmM9DQonaHR0cHM6Ly93d3cuZ29vZ2xldGFnbWFuYWdlci5jb20vZ3RtLmpzP2lkPScraStkbDtmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKGosZik7DQp9KSh3aW5kb3csZG9jdW1lbnQsJ3NjcmlwdCcsJ2RhdGFMYXllcicsJ0dUTS1XNUNGUUwnKTs=' ></script> <!-- End Google Tag Manager --> <script data-rocketlazyloadscript='data:text/javascript;base64,CiAgICAgICAgICAgIGZ1bmN0aW9uIHJlbmRlclJlQ2FwdGNoYSgpIHsKICAgICAgICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgZG9jdW1lbnQuZm9ybXMubGVuZ3RoOyArK2kpIHsKICAgICAgICAgICAgICAgICAgICB2YXIgZm9ybSA9IGRvY3VtZW50LmZvcm1zW2ldOwogICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXIgPSBmb3JtLnF1ZXJ5U2VsZWN0b3IoJy5pbnZpc2libGUtcmVjYXB0Y2hhJyk7CiAgICAgICAgICAgICAgICAgICAgaWYgKG51bGwgPT09IGhvbGRlcikgY29udGludWU7CiAgICAgICAgICAgICAgICAgICAgKGZ1bmN0aW9uKGZybSl7CiAgICAgICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXJJZCA9IGdyZWNhcHRjaGEucmVuZGVyKGhvbGRlciwgewogICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3NpdGVrZXknOiAnNkxjY2NhZ1VBQUFBQUVQVWxfS045QnROamxJcTNFcHdwQ3hwYjFxNScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYmFkZ2UnOiAnaW5saW5lJywKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdzaXplJzogJ2ludmlzaWJsZScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnY2FsbGJhY2snOiBmdW5jdGlvbiAocmVjYXB0Y2hhVG9rZW4pIHtIVE1MRm9ybUVsZW1lbnQucHJvdG90eXBlLnN1Ym1pdC5jYWxsKGZybSk7fSwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdleHBpcmVkLWNhbGxiYWNrJzogZnVuY3Rpb24oKXtncmVjYXB0Y2hhLnJlc2V0KGhvbGRlcklkKTt9CiAgICAgICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgICAgICAgICAvL2ZybS5vbnN1Ym1pdCA9IGZ1bmN0aW9uIChldnQpe2V2dC5wcmV2ZW50RGVmYXVsdCgpO2dyZWNhcHRjaGEuZXhlY3V0ZShob2xkZXJJZCk7fTsKICAgICAgICAgICAgICAgICAgICB9KShmb3JtKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgIA==' type='text/javascript'></script> </head> <body class="page-template-default page page-id-11236 vue-js"> <div class="full-vh" id="full-vh"></div> <div class="footer-foot -left -has-content"> <div class="scroll-text"> <div class="text"> <h1>Vue.js Development Agency</h1> <p>Our Vue Developers support busy internal and external teams to deliver projects. Many internal development teams have worked on a handful of large Vue.js projects, web apps and digital products. Our senior Vue developers have worked on tens of projects which enables us to bring insights and best practice to your project.</p> <h2>Vue js Development Company</h2> <p>Our frontend development team can provide consultation, roadmap planning and additional resource, or can manage the full project and build a team of Vue JS developers to deliver the project.</p> <p>We’re experienced working with internal and external teams to deliver the right outcome for the business.</p> <h2>Frontend development</h2> <p>Our agency also offers <a href="https://www.plugandplaydesign.co.uk/react-js-development-company/">React.js</a> and <a href="https://www.plugandplaydesign.co.uk/angular-js-development-company/">Angular.js development</a>, as well as backend development.</p> <h2>Frequently asked questions</h2> <h3>What is Vue.js used to develop?</h3> <p>Vue.js is typically used to develop web apps, user interfaces, CRMs, ERPS, PIMs and websites.</p> <h3>How much does Vue.js development cost?</h3> <p>The cost of Vue.js development depends on the complexity and scale of your project, and therefore how much time is needed to code your product or software. We provide transparent day rates for our team so you are in control of development costs.</p> <h3>How long do Vue.js development projects take to build?</h3> <p>This depends on the amount of development work there is to do and the size of the development team. We’ll work with you to create a project delivery schedule that estimates the time required to deliver the Vue.js development.</p> <h3>Why should I pick your Vue.js development agency?</h3> <p>We’re a team of experienced and senior Vue.js developers that have worked on tens of digital products like yours. We bring insights, best practice and leadership to make your project a success. As a UK based team, you can contact us any time and we’re available for face to face workshops and meetings, or offer an embedded development offering where we can work from your offices.</p> <p>We’re experienced at building and leading Vue.js development teams in the UK, and near and off-shore.</p> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5CFQL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="container-fluid" id="wrapper"> <main id="content"> <div id="page-11236" class="post-11236 page type-page status-publish hentry vue-js singular-post"> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including banner component --><section class="component component-banner pnp-bg -large full-height text-light" style="" data-scrollax-parent="true"> <div id="banner-overlay" class="overlay -absolute bg-colour-dark-grey"></div> <div class="inner " data-scrollax="properties: { 'opacity': 2.5}"> <div> <h2 class="sub-heading">Vue.js development agency </h2> <h2 class="heading heading1">Vue.js development support for your project </h2> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-base-grey" style=" "> <div class=" container -large "> <div class="row -shift-up fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/national-zakat-foundation/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '9%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201127'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/11/NZF-Our-Work@2x.jpeg" alt="" height="1127" width="1000" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>National Zakat Foundation</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Vue.js & Laravel web app to manage charity donations</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Vue.js</div> <div class="tag">Laravel</div> <div class="tag">WordPress</div> <div class="tag">Web App</div> </div> </div> </a> </div> </div> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/wwf-carbon-calculator/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '9%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%201080'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2021/05/Group-8583.jpg" alt="WWF web app" height="1080" width="1200" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>WWF</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Vue.js & Laravel carbon footprint calculator</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Vue.js Development</div> <div class="tag">Laravel Development</div> <div class="tag">Web App</div> <div class="tag">Carbon Calculator</div> </div> </div> </a> </div> </div> </div> <div class="col-xs-12 col-right-side col-sm-6"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/africa-travel-resource" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '12%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20875%20987'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2020/07/ATR-Banner-1-L.jpg" alt="" height="987" width="875" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Africa Travel Resource</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Vue.js & Laravel safari website to transform the travel industry</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Vue.js</div> <div class="tag">Laravel</div> <div class="tag">Web App</div> </div> </div> </a> </div> </div> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image-grid component --> <section class="component row component component-image-grid " style="padding:5% 0;"> <div class="image_grid_logos images -images-col-5"> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2059.115%2088.328'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/wwf-logo.svg" alt="" height="88.328" width="59.115" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2059.8%2043.5'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/LegalGeneral-Logo-WO.svg" alt="" height="43.5" width="59.8" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20188.449%2025.993'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Mercer.svg" alt="" height="25.993" width="188.449" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20144.268%2041.684'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/tesco-logo.svg" alt="" height="41.684" width="144.268" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2084.033%2077.793'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Shell.svg" alt="" height="77.793" width="84.033" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20139.84%2028.669'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Capita.svg" alt="" height="28.669" width="139.84" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140.141%2035.673'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Aim.svg" alt="" height="35.673" width="140.141" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20168.012%2060.759'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/thakeham.svg" alt="" height="60.759" width="168.012" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220.236%2022.329'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Grand-Prix.svg" alt="" height="22.329" width="220.236" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125.063%2025.728'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Essilor.svg" alt="" height="25.728" width="125.063" /> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text " style=" padding-top: 10%;padding-bottom: 15%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading2" style="text-align: center;">Technical Directors trust our team of senior Vue.js developers to overcome their technical challenges and provide team and project leadership.</h2> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " data-pnp-equate-height=".equalise" data-resize-mobile="false" style=" "> <div class=" container -large "> <div class="row fifty-fifty-layout" data-pnp-equate-height=".equalise"> <div class="col-xs-12 col-left-side col-sm-6 equalise"> <!-- Including image component --><section class="component component-image -display-type-standard " style="" data-scrollax-parent="true" > <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20%20'%3E%3C/svg%3E" data-src="" alt="" height="" width="" /> </section> </div> <div class="col-xs-12 col-right-side col-sm-6 equalise"> <!-- Including text component --><section class="component component-text " style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading2">Unlike offshoring or near-shoring, we’re a small number of Vue.js specialists with experience managing teams and leading complex projects.</h2> <p>We work on an embedded or remote basis and offer consultation and additional development resource, or can build and lead a team to manage the full delivery of your project. We work on fixed term projects and up-skill your team so you are enabled to continue to manage and grow your product once the project delivery is complete.</p> </div> <div class="button-container -left"> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Start your project</span> </a> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row thirds-layout"> <div class="col-sm-4"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h3 class="heading3" style="text-align: center;"><span style="text-decoration: underline;">16 years of experience</span></h3> </div> </div> </div> </section> </div> <div class="col-sm-4"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h3 class="heading3" style="text-align: center;"><span style="text-decoration: underline;">Face to face meetings</span></h3> </div> </div> </div> </section> </div> <div class="col-sm-4"> <!-- Including text component --><section class="component component-text -large" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h3 class="heading3" style="text-align: center;"><span style="text-decoration: underline;">500+ successful projects</span></h3> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including text component --><section class="component component-text -testimonial2 bg-colour-dark-grey text-light" style=""> <div class="inner"> <div class="image-container"> <div class="author-image" data-pnp-animate="fadeIn"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20400'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/11/Jimmy-Vestbirk-profile.jpeg" alt="" height="400" width="400" /> </div> </div> <blockquote class="quote-container"> <div class="heading2 content" data-pnp-animate="fadeIn"> <p>“Plug & Play built the output in a timely and efficient manner. They adapted well to the internal team’s project management tools, as well. Most of all, they were applauded for their flexibility and professionalism.”</p> </div> <div class="author content"> <div class="author-image" data-pnp-animate="fadeIn"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20400'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/11/Jimmy-Vestbirk-profile.jpeg" alt="" height="400" width="400" /> </div> <div class="author-name" data-pnp-animate="fadeIn"> <p>Jimmy Vestbirk, Founder, Legal Geek</p> </div> </div> </blockquote> </div> </section> </div> </div> </div> </div> </div> <!-- Including footer component --><footer class="site-footer -multi-columned"> <div class="footer-cta"> <div class="cta"> <div class="content" data-pnp-animate-inner="fadeInLeft"> <p class="heading heading1">Your Project?<br /> <span class="lighter">Let’s talk.</span></p> </div> <div class="component-form"> <div class="form-container" id="footer-form"> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="233cc72c75" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_674193" class="accept_gdpr" value="1"> <label for="gdpr_674193"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="233cc72c75"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> </div> <a class="btn -dark -footer -show-contact-form" href="/contact/" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".3s"> <span>Get in touch</span> </a> </div> </div> <div class="footer-nav"> <div class="footer-col -info-and-links" data-pnp-animate="footerFade" data-pnp-animation-offset="30%"> <div class="footer-col -lg"> <div class="page-links"> <div class="col-top"> <ul> <li><a href="https://www.plugandplaydesign.co.uk/careers/">Careers </a></li> <li><a href="https://www.plugandplaydesign.co.uk/engage/">Engage </a></li> <li><a href="https://ux-design.agency" target="_blank" rel="noopener">UX Design Agency </a></li> <li><a href="https://instinctive.agency" target="_blank" rel="noopener">App Developers London </a></li> <li class="not-on-home"><a href="https://www.plugandplaydesign.co.uk/">Web design London</a></li> <li><a href="https://www.plugandplaydesign.co.uk/contact/">Contact</a></li> <li class="dropdown-item"><a class="dropdown-toggle" href="#" data-pnp-slide-toggle="#footer-legals">Legals</a></li> </ul> </div> <div class="col-bottom" id="footer-legals"> <ul> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/terms-and-conditions/">Terms and Conditions </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/privacy-policy/">Privacy Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/legals/">Legals </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/data-processing-terms-and-conditions/">Data Processing Terms & Conditions</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/cookies-policy/">Cookies Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/candidate-privacy-policy/">Candidate Privacy Policy </a></li> </ul> </div> </div> <div class="social-links"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Guildford</strong><br/> Innovation House<br/> 2 - 6 High Street<br/> Guildford<br/> GU2 4AJ<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:441483276699">01483 276 699</a><a href="/cdn-cgi/l/email-protection#aacddfc3c6ceccc5d8ceeadac6dfcdcbc4cedac6cbd3cecfd9c3cdc484c9c584dfc1"><span class="__cf_email__" data-cfemail="d8bfadb1b4bcbeb7aabc98a8b4adbfb9b6bca8b4b9a1bcbdabb1bfb6f6bbb7f6adb3">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>London South Bank</strong><br/> Working From Southwark<br/> 32 Blackfriars Road<br/> London<br/> SE1 8PB<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:442030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#c8a4a7a6aca7a688b8a4bdafa9a6acb8a4a9b1acadbba1afa6e6aba7e6bda3"><span class="__cf_email__" data-cfemail="98f4f7f6fcf7f6d8e8f4edfff9f6fce8f4f9e1fcfdebf1fff6b6fbf7b6edf3">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Central London</strong><br/> Fitzrovia<br/> 72 Wells Street<br/> London<br/> W1T 3QF<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:02030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#e5968a8d8aa595899082848b819589849c8180968c828bcb868acb908e"><span class="__cf_email__" data-cfemail="fc8f939493bc8c90899b9d92988c909d8598998f959b92d29f93d28997">[email protected]</span></a></div> </div> </div> </div> </div> <div class="footer-foot -right"> <div class="flex-container"> <div class="footer-foot-logos"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> <div class="social-links" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> <div class="copyright" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <p>© Plug and Play Design Ltd</p> </div> </div> </div> </footer><a class="btn -dark -start-project" data-pnp-modal href="/contact/"><span>Start your project</span><i class="ion-ios-arrow-thin-right"></i></a> <nav class="nav-menu" id="nav-menu" style="opacity: 0;visibility: hidden;"> <div class="nav-left-bg"></div> <!-- <div class="nav-right-bg"></div>--> <div class="nav-left"> <div class="form-container"> <div class="back-btn" id="nav-form-back"> <i class="ion-ios-arrow-thin-left"></i> </div> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="233cc72c75" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_41058" class="accept_gdpr" value="1"> <label for="gdpr_41058"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="233cc72c75"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> <ul class="nav-links"> <li class=""> <a href="https://www.plugandplaydesign.co.uk/about-us/"> About </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/our-work/"> Our Work </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/contact/"> Contact </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/"> Websites </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/ecommerce-website-design-london/"> eCommerce </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-marketing-agency/"> Digital Marketing </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/"> WordPress </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/brand-development-agency/"> Branding </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/"> Mobile Apps </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-transformation-consultants/"> Digital Transformation </a> </li> <!-- <li class="cta">--> <!-- <a href="/contact/" class="btn -outline -arrow" id="nav-form-show-contact-form">--> <!-- <span>Start your project</span>--> <!-- <i class="ion-ios-arrow-thin-right"></i>--> <!-- </a>--> <!-- </li>--> </ul> <footer class="nav-footer content-grey f18"> <!-- <div class="awards">--> <!-- --><!-- </div>--> <h2 class="heading heading6">Get in touch</h2> <a href="tel:02030111641"> 0203 0111 641 </a> <a class="email" href="/cdn-cgi/l/email-protection#93fbf6fffffcd3e3ffe6f4f2fdf7e3fff2eaf7f6e0faf4fdbdf0fcbde6f8"> <span class="__cf_email__" data-cfemail="59313c3535361929352c3e38373d293538203d3c2a303e37773a36772c32">[email protected]</span> </a> <a class="contact-form-link" href="/contact/">Contact form <i class="ion-ios-arrow-thin-right"></i></a> </footer> </div> <!-- <div class="case-study-container">--> <!-- --><!----> <!----> <!-- --><!-- --><!----> <!-- <div class="row no-gutter component-call-to-action -bottom">--> <!-- <div class="col-xs-12">--> <!-- <a href="--><!--" class="inner">--> <!----> <!-- <img src="--><!--"--> <!-- alt="--><!--"--> <!-- class="image"--> <!-- height="--><!--"--> <!-- width="--><!--"/>--> <!----> <!-- <div class="content-container">--> <!-- --><!-- <p class="heading heading3">--> <!-- --><!-- </p>--> <!-- --><!----> <!-- --><!-- <div class="content">--> <!-- --><!-- </div>--> <!-- --><!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- --><!-- </div>--> <div class="nav-right"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> </nav> <form id="file_uploader" enctype="multipart/form-data" class="hidden"> <input type="hidden" id="file_uploader_enquiry_id" name="enquiry_id"/> <input type="hidden" id="file_uploader_type" name="type"/> <input type="hidden" id="file_uploader_nonce" name="_wpnonce"/> <input type="file" id="file_uploader_file" name="file"/> </form> </main></div><!-- Including modals component --><div id="modal-skeleton"> <div class="modal fade zoom pnp-modal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <header class="modal-header"> <!-- <a class="logo-link" href="/">--> <!-- <span class="sr-only">Company Name</span>--> <!-- <img height="80" alt="Company Logo" src="/dist/img/logos/orson-logo-cirlce-light.svg">--> <!-- </a>--> <button class="close-modal" aria-label="Close"> <i class="ion-ios-close-empty"></i> </button> <div class="clearfix"></div> </header> <div class="modal-body"> <p>An error has occurred, please try again later.</p> </div> </div> </div> </div> </div><header id="page-header"><!-- Including navigation component --> <div class="nav-container nav-height -first-hide -first-load" id="nav"> <a class="nav-logo" href="/"> <img class="logo-dark" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> <img class="logo-light" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_light.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> </a> <div class="phone"> <!-- <a href="tel:--><!--">--> <!-- <i class="phone-icon"></i>--> <!-- </a>--> <a class="phone-number hidden-xs" href="/contact/">Contact us</a> </div> <div class="burger-container"> <button class="navbar-toggle navbar-toggle-multi-level burger" type="button"> <span class="sr-only">Toggle navigation</span> <i></i> </button> </div> </div> </header> <div class="ajax-loading-overlay"></div> <!--copyscapeskip--> <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"> <div class="moove-gdpr-info-bar-container"> <div class="moove-gdpr-info-bar-content"> <div class="moove-gdpr-cookie-notice"> <p>We are using cookies to provide you with the best experience on our website. By clicking accept, you agree that we can use cookies on your device. Find out more in our <a href="/cookies-policy/">cookie policy</a>.</p> </div> <!-- .moove-gdpr-cookie-notice --> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button> </div> <!-- .button-container --> </div> <!-- moove-gdpr-info-bar-content --> </div> <!-- moove-gdpr-info-bar-container --> </aside> <!-- #moove_gdpr_cookie_info_bar --> <!--/copyscapeskip--> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.plugandplaydesign.co.uk/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.plugandplaydesign.co.uk\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.2" id="contact-form-7-js"></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-delay-js-js-after"> /* <![CDATA[ */ (function() { "use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart","wheel"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/www.plugandplaydesign.co.uk","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.min.js" id="jquery-js"></script> <script type="text/javascript" id="global_js-js-extra"> /* <![CDATA[ */ var ajax_object = {"ajax_url":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/js/global.min.js?ver=1.26" id="global_js-js"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-extra"> /* <![CDATA[ */ var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php","post_id":"11236","plugin_dir":"https:\/\/www.plugandplaydesign.co.uk\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"1","ajax_cookie_removal":"false","strict_init":"2","enabled_default":{"third_party":0,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":""}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.13.1" id="moove_gdpr_frontend-js"></script> <script id="moove_gdpr_frontend-js-after"> /* <![CDATA[ */ var gdpr_consent__strict = "true" var gdpr_consent__thirdparty = "false" var gdpr_consent__advanced = "false" var gdpr_consent__cookies = "strict" /* ]]> */ </script> <!--copyscapeskip--> <!-- V1 --> <div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="GDPR Settings Screen"> <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> <button class="moove-gdpr-modal-close" aria-label="Close GDPR Cookie Settings"> <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> <span class="gdpr-icon moovegdpr-arrow-close"></span> </button> <div class="moove-gdpr-modal-left-content"> <div class="moove-gdpr-company-logo-holder"> <img src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Plug and Play" width="350" height="233" class="img-responsive" /> </div> <!-- .moove-gdpr-company-logo-holder --> <ul id="moove-gdpr-menu"> <li class="menu-item-on menu-item-privacy_overview menu-item-selected"> <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> <span class="gdpr-nav-tab-title">Privacy Overview</span> </button> </li> <li class="menu-item-strict-necessary-cookies menu-item-off"> <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> </button> </li> </ul> <div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> </div> <!-- .moove-gdpr-branding --> </div> <!-- .moove-gdpr-modal-left-content --> <div class="moove-gdpr-modal-right-content"> <div class="moove-gdpr-modal-title"> </div> <!-- .moove-gdpr-modal-ritle --> <div class="main-modal-content"> <div class="moove-gdpr-tab-content"> <div id="privacy_overview" class="moove-gdpr-tab-main"> <span class="tab-title">Privacy Overview</span> <div class="moove-gdpr-tab-main-content"> <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #privacy_overview --> <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">Strictly Necessary Cookies</span> <div class="moove-gdpr-tab-main-content"> <p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p> <div class="moove-gdpr-status-bar gdpr-checkbox-disabled checkbox-selected"> <div class="gdpr-cc-form-wrap"> <div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_strict_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="Strictly Necessary Cookies" disabled checked="checked" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label> </div> <!-- .gdpr-cc-form-fieldset --> </div> <!-- .gdpr-cc-form-wrap --> </div> <!-- .moove-gdpr-status-bar --> <div class="moove-gdpr-strict-warning-message" style="margin-top: 10px;"> <p>If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.</p> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #strict-necesarry-cookies --> </div> <!-- .moove-gdpr-tab-content --> </div> <!-- .main-modal-content --> <div class="moove-gdpr-modal-footer-content"> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button> </div> <!-- .moove-gdpr-button-holder --> </div> <!-- .moove-gdpr-modal-footer-content --> </div> <!-- .moove-gdpr-modal-right-content --> <div class="moove-clearfix"></div> </div> <!-- .moove-gdpr-modal-content --> </div> <!-- #moove_gdpr_cookie_modal --> <!--/copyscapeskip--> <script src="//instant.page/1.2.2"></script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> </body></html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->