10 Open-source Free Vue Template Starters

10 Open-source Free Vue Template Starters
Photo by Emile Perron / Unsplash

Vue is a progressive JavaScript framework used for building user interfaces. It allows developers to create interactive web applications by providing a structured approach to organizing and managing the application's data and components.

Vue Template Starters are pre-configured project templates that provide a solid foundation for developing Vue applications. They include a set of pre-built components, styles, and configurations that help speed up development and provide consistency across projects.

Using Vue template starters offers several benefits, including:

  • Speeding up production: With pre-configured templates, developers can start building applications without having to set up the basic structure from scratch.
  • Community support: Vue has a large and active community that contributes to the development of template starters, providing support, sharing best practices, and offering solutions to common challenges.
  • Time-saving: With ready-to-use templates, developers can focus more on building application-specific features instead of spending time on repetitive setup tasks.
  • Productivity boost: Vue template starters provide a streamlined development experience, allowing developers to work efficiently and deliver projects faster.

Overall, Vue and Vue template starters are valuable tools for web developers, enabling them to create high-quality applications with ease, speed, and community support.

1- Bento Starter

Bento Starter is a Vue template starter that provides a comprehensive set of features and configurations for building modern web applications. It offers a clean and modular architecture, along with a rich set of pre-built components and styles.

Features

Some key features of Bento Starter include:

  • Vue CLI: Bento Starter is built on top of Vue CLI, which provides a powerful command-line interface for managing and configuring Vue projects.
  • Vuex: Bento Starter includes Vuex, a state management pattern and library for Vue.js applications. Vuex helps manage application-level state and offers tools for organizing, sharing, and updating data across components.
  • Vue Router: Bento Starter integrates Vue Router, a routing library for Vue.js applications. Vue Router enables developers to create dynamic, single-page applications with client-side navigation and URL routing.
  • Responsive Design: Bento Starter is designed to be responsive, ensuring that applications built with it look and function well across different devices and screen sizes.
  • Authentication and Authorization: Bento Starter provides a pre-configured authentication and authorization system, making it easier to implement user authentication and access control in Vue applications.

Bento Starter is actively maintained and supported by its community, and it is a popular choice among Vue developers for starting new projects.

GitHub - kefranabg/bento-starter: :bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
:bento: Full-Stack solution to quickly build PWA applications with Vue.js and Firebase - GitHub - kefranabg/bento-starter: :bento: Full-Stack solution to quickly build PWA applications with Vue.js…

2- Vite Vue3 Template

This is an open-source Vue template starter that provides a comprehensive set of features and configurations for building modern web applications. It is built with Vite, a fast and efficient build tool for Vue applications.

This starter template offers a clean and modular architecture, along with a rich set of pre-built components and styles. It includes features such as Vue Router for client-side navigation, Vuex for state management, and responsive design for multi-device support.

This starter uses TailwindCSS, Daisy UI and SaaS as a CSS PreProcessor. It also includes a PWA Plugin, and full TypeScript support.

GitHub - xiaoluoboding/vue3-starter: 🖖 A Better Vue 3 Starter Template,generate by create-vue.
🖖 A Better Vue 3 Starter Template,generate by create-vue. - GitHub - xiaoluoboding/vue3-starter: 🖖 A Better Vue 3 Starter Template,generate by create-vue.

3- Laravel-Vue SPA

This is an open-source Vue/ Laravel starter for building single-page apps (SPA). Its features include:

  • Laravel 8
  • Vue + VueRouter + Vuex + VueI18n + ESlint
  • Pages with dynamic import and custom layouts
  • Login, register, email verification and password reset
  • Authentication with JWT
  • Socialite integration
  • Bootstrap 5 + Font Awesome 5
GitHub - cretueusebiu/laravel-vue-spa: A Laravel-Vue SPA starter kit.
A Laravel-Vue SPA starter kit. Contribute to cretueusebiu/laravel-vue-spa development by creating an account on GitHub.

4- Laravel 8 with Vue 3 SPA Starter

GitHub - plusemon/laravel-vue-starter: Laravel 8 with Vue 3 SPA Starter
Laravel 8 with Vue 3 SPA Starter. Contribute to plusemon/laravel-vue-starter development by creating an account on GitHub.

5- Vitesse

This is an open-source 🏕 Opinionated Vite + Vue Starter Template.

Features:

  • ⚡️ Vue 3, Vite, pnpm, esbuild - born with fastness
  • 🗂 File based routing
  • 📦 Components auto importing
  • 🍍 State Management via Pinia
  • 📑 Layout system
  • 📲 PWA
  • 🎨 UnoCSS - the instant on-demand atomic CSS engine
  • 😃 Use icons from any icon sets with classes
  • 🌍 I18n ready
  • 🔎 Component Preview
  • 🗒 Markdown Support
  • 🔥 Use the new <script setup> syntax
  • 📥 APIs auto importing - use Composition API and others directly
  • 🖨 Static-site generation (SSG) via vite-ssg
  • 🦔 Critical CSS via critters
  • 🔤 Webfont self-hosting
  • 🦾 TypeScript, of course
  • ⚙️ Unit Testing with Vitest, E2E Testing with Cypress on GitHub Actions
  • ☁️ Deploy on Netlify, zero-config
GitHub - antfu/vitesse: 🏕 Opinionated Vite + Vue Starter Template
🏕 Opinionated Vite + Vue Starter Template. Contribute to antfu/vitesse development by creating an account on GitHub.

6- Laravel+Vue Crud Starter

Laravel+Vue Crud Starter is a very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application.

GitHub - AnowarCST/laravel-vue-crud-starter: Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template
Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template - GitHub - AnowarCST/laravel-vue-crud-starter: Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

7- Laravel Vue Starter

The project was created to save myself time for redoing the same things all over again when starting a new Laravel/Vue project.

The main goal of this project is to reduce code and make everything simpler for bootstrapping new projects.

The project is built with the following components:

  • Vue 3 / Pinia / VueRouter
  • Vue 3 Composition API
  • Vite 3
  • Laravel Framework
  • Laravel Sanctum
  • Laravel Fortify
  • Tailwind
  • ForkAwesome
  • Media Library (by Spatie)
GitHub - gdarko/laravel-vue-starter: Latest Laravel and Vue3 boilerplate using Tailwind 3, Sanctum, Fortify, Pinia, the new Vue3 Composition API
Latest Laravel and Vue3 boilerplate using Tailwind 3, Sanctum, Fortify, Pinia, the new Vue3 Composition API - GitHub - gdarko/laravel-vue-starter: Latest Laravel and Vue3 boilerplate using Tailwind…

8- Vue Starter Template

A single page app starter template created to easily bootstrap Vue.js 2 apps.

Features

  • Vuex 3 for state management
  • Vue Router 3 for client-side routing
  • Bootstrap 4.6 for layout and styling
  • SCSS variables inside Vue components
  • Purgecss for eliminating unused CSS
  • Basic multiple layouts feature
  • ESLint config based on eslint-config-standard and eslint:recommended with sensible defaults ☺️
  • Prettier for code formatting
  • Automated release workflow with semantic-release
  • IE11 compatible
GitHub - kouts/vue-starter-template: A single page app starter template created to easily bootstrap Vue.js 2 apps
A single page app starter template created to easily bootstrap Vue.js 2 apps - GitHub - kouts/vue-starter-template: A single page app starter template created to easily bootstrap Vue.js 2 apps

9- VueJs & Lumen Api Starter.

This project is a starter with a set of packages/components that helps you work with Lumen and Vue.js.

Features

  • Signup
  • Login
  • Logout
  • Multiple Language System
  • Auth / Guest Middleware (FrontEnd & BackEnd)
  • Cors Middleware
  • Authentication with JWT
  • Validation (FrontEnd & BackEnd)
  • Tailwind Admin & Auth Templates
  • Auto-Logout after access token expired
  • Auto-Send access token with axios
  • Auto-Loader for every request with axios
GitHub - gentritabazi/vue-lumen-starter: 😎 VueJs & Lumen Api Starter.
😎 VueJs & Lumen Api Starter. Contribute to gentritabazi/vue-lumen-starter development by creating an account on GitHub.

10- Vue-Starter

This is an open-source Vue Starter app with SCSS + Vuex + Router + Mocha/Chai + Nightwatch, eslint, formatting.

Features

  • Routing (Vue Router).
  • Store Management (Vuex).
  • Unit testing (mocha/chai).
  • e2e Testing (Nightwatch).
  • Lint and formatting (ESLint + Recommended).
  • Date-fns (datetime library - functional approach, https://date-fns.org/).
  • Solid and recommended file structure (supports dumb and smart components).
  • Configuration files by environment.
  • Custom scripts.
GitHub - Luiggi370z/vue-starter: Starter Vue app with SCSS + Vuex + Router + Mocha/Chai + Nightwatch, eslint, formatting
Starter Vue app with SCSS + Vuex + Router + Mocha/Chai + Nightwatch, eslint, formatting - GitHub - Luiggi370z/vue-starter: Starter Vue app with SCSS + Vuex + Router + Mocha/Chai + Nightwatch, eslin…

Read more