As a huge Vue enthusiast, I am always on the hunt for high-quality templates, themes, and resources to speed up my development process.
But as you might guess, finding high-quality templates isn't always easy, and sometimes it's even hard to know where to start. There are many options available, and all of them claim to be the best. To help you out, I have compiled a list of top premium and free Vue templates. This list includes 50+ high-quality resources, each tailored to suit your unique project. All templates come with a full preview so you can get an idea of what it looks like before you start and, they are stretched with features that could help you get your project done faster than ever before. Some resources in this list include:
- Admin dashboard templates
- Web app templates
- Website templates
- Landing page templates
- UI kits and components libraries
- And many more
With the resources above it will be easier for you to create future-focused interfaces for your projects. If you find that any of these templates work for you, please be sure to share this information with others who may benefit from it as well.
1. Mosaic
Live Demo / Download
Mosaic is a powerful admin dashboard template built with Tailwind CSS, featuring hundreds of pre-built pages and styled layouts in HTML, React, and Vue. With multiple styles and full-screen sections, it's a perfect fit for admin dashboards, eCommerce, marketplaces, FinTech, and SaaS companies to use as a starting point for their projects.
Features:
- Beautiful charts built with Chart.js
- Multiple use cases and products
- Tutorials and documentation available
2. Simple
Live Demo & Download
Simple is a Vue and Tailwind CSS landing page template designed to provide all the basic components a developer/founder needs to create a landing page for SaaS products, online services, digital agencies and more. The design of Simple looks very professional and is perfect for businesses that work remotely and need a powerful yet easy-to-use platform.
Features:
- Attractive and modern design
- Fully accessible components
- Interactive previews
3. Start Vue Free
Live Demo / Download
Start Vue Free is a material-inspired VueJS 3 and Bootstrap 5 based Admin and Dashboard theme built by KeenThemes. The theme features a fully responsive layout with a gorgeous design suitable for any type of web applications. Start Vue helps you build your project from scratch or helps you convert your existing site into a beautiful web application within minutes!
Features:
- Free version available
- Chat app for client support
- Product gallery and search panel
4. Open Pro
Live Demo & Download
Welcome to Open Pro, your new site designed by Cruip.com for showcasing your startup or company. Open Pro was created with startups and developers in mind and comes with a dark design and an easy-to-use interface. It's easier than ever to create landing pages and corporate websites, so get started today.
Features:
- Open-source images
- Fully customisable themes and pages
- Marketing tools integration
5. Vuexy
Live Demo / Download
If you’re a coder looking to harness the power of Vue.js for your admin dashboard then look no further than Vuexy. This premium admin template is the perfect choice for both novices and experienced developers alike. The Vuexy builder allows you to create your complements to demo whether it would be a chart, a CTA button, call to action buttons or labels. You can even design your entire complement which gives you complete creativity.
Features:
- Laravel Starter Kit
- Project management apps
- Organised folder structure
6. Appy
Live Demo & Download
Appy will make it easier than ever to set up a landing page to present your mobile app, without asking your user to enter the phone number when it isn't necessary. With Appy's eight different pre-made pages and the ability to switch between dark and white layouts (with the flick of a switch), you can now have a higher converting landing page for your mobile app in no time.
Features:
- White and dark layouts
- Focused for mobile app conversions
- Full screen version with animated background
7. Cuba
Live Demo / Download
Cuba is a premium admin template built with Bootstrap 4 Framework, Vue, and JQuery. It has a wide collection of reusable UI ingredients and is integrated with the latest jQuery plugins. This product is valuable for all types of web applications (e.g., admin panel, app backend, CMS, CRM, etc.) thanks to the presence of multiple navbars, MODx plugins support, custom grid system, offline data saving.
Features:
- Two different dashboards
- Multi file upload
- Data table export to CSV, Excel, PDF, etc.
8. Metronic
Live Demo / Download
Metronic is an admin template framework for developers, designers, and product managers. It was built by the KeenThemes team (with Metronic 8.0.29 version) to help you build your next web application with ease. Metronic comes with lots of components, features, and design patterns, saving you tons of time on development. Last but not least this powerful template provides the most advanced Dashboard Template Ecosystem for Vue, Angular, and React.
Features:
- Complete authentication
- User profile pages
- Full projects app flow
9. Tidy
Live Demo & Download
The main key conversion is a beautifully designed landing page. That’s why we want you to persuade more and more people with this incredible landing page template – Tidy. With its neat and smooth design, you can now create a trendy landing page with two unique pages, four content blocks, several ready-made sections like galleries, videos, maps, mailing lists as well as contact forms, and much more.
Features:
- Features tiles and zig-zag
- Modals with video content
- Custom scroll animations
10. Tailwind UI Kit
Live Demo & Download
Tailwind UI Kit is a code library of reusable Tailwind CSS components ready for you to drop into any project. Start with the components that are right for you, then mix and match to build complex responsive user interfaces that are easy to manage. Whether you're building, Tailwind is engineered with your workflow in mind.
Features:
- Inclusive and accessible design
- Tested components
- Optimised for rapid development
11. Vito
Live Demo / Download
This Vue.js-based admin dashboard template is perfect for creating clean and modern-looking web demands without heavy back-end coding effort. Vito comes with tons of tools, prebuilt segments, reusable modules, multiple design layout styles, unlimited colors, customized fonts, easy-to-use API, etc. The Vue admin comes with 5 different organisations that can be combined into any possible combination for unlimited customisation.
Features:
- Compact dark dashboard
- Vertical small sidebar
- Vue Validation Integration
12. Landrick
Live Demo / Download
Landrick is a modern and unique template that you will fall in love with. It has several customization options and it supports the most popular frameworks, such as Bootstrap 4, SASS, Font Awesome 5, and more. It is 100% responsive and looks stunning on all types of screens and devices. Users will love your site because of its clean design and great user experience (UX). It can also be used to build an impressive app for various other purposes like any other magic template.
Features:
- Built on top of Bootstrap 4
- Use Flat picker
- 50 Different Landing Pages
13. Skote
Live Demo / Download
Skote admin dashboard is a powerful and professional backend-agnostic admin template for building scalable, secure, and reliable applications from small to enterprise levels. It is built on Vue.js & Laravel 5.4 with a fully modular architecture, based on Vuex state management pattern, Firebase real-time database, fack JS for form validation, and email/password authentication provider. If you’re a developer looking for a fully responsive admin dashboard then you are at the right place.
Features:
- Projects lists and overview pages
- Pure Vuejs, NO jquery dependency
- Free Lifetime updates
14. Rider Vue Free
Live Demo / Download
Rider Vue Free is a VueJS based admin and dashboard theme. Its exceptional design is perfectly crafted for optimized products to suit every modern web application. Rider Vue Free is based on the ultimate mega theme for development starters and for those who don't have enough money to pay for premium templates or want to save money. With endless UI components, gorgeous design, robust layouts, and zero price tag, that's what you get with this free theme.
Features:
- Automated and repetitive workflows
- Elements built with built SASS and Typescript.
- Free Lifetime updates
15. Neon
Live Demo & Download
Neon is one of the latest Vuejs landing page templates built with the newest technologies for startups. It’s been built from the ground up with performance as the foundational block of the UI/UX design pattern. It comes with a full-page image slider, a big video section, a newsletter subscription box, a sign-in/sign-up page template, and it’s responsive – Neon can adapt to any device.
Features:
- Default dark layout available
- Pre-built carousel and accordion
- Free Lifetime updates
16. NextKit
Live Demo / Download
Next is a free website template that offers a modern-design web layout, built on Vuejs, NuxtJs, and Vuetify framework. In terms of tech specs, it comes with ready-to-use UI blocks and elements, and thanks to its flexibility you can create websites faster with less code, using the same codebase to generate web, mobile, and desktop apps with one command, and develop features with a modern web application architected in Vuejs.
Features:
- One-level dropdown menus
- SCSS Base CSS framework
- Retina ready template
17. Aeroland
Live Demo / Download
When to building an app landing page template, sometimes you don't have lots of time. That's why AeroLand is so versatile and powerful. The team of BootXperts has done the research and found out what an app landing and a responsive website need both in the Business & Marketing section. So, they build a collection of practical multipurpose inner pages for you, so, it takes no time to set up and get your project up and running. You can use AeroLand for multipurpose like a digital studio or software startup.
Features:
- Built on latest Vue platform
- No console error
- Working contact forms
18. Argon
Live Demo / Download
The Argon Vue Dashboard PRO is a custom-built Bootstrap 4.0 admin dashboard template inspired by Material Design patterns. It's a huge framework built with over 200 individual components, giving you the freedom of choosing and combining, while all components can take variations in color, that you can easily modify using Sass files. Get an incredible amount of features packed in a single product created by the most talented team of developers from Creative Tim.
Features:
- 25+ Pre-built examples
- Handcrafted elements
- Sketch and Figma files
19. StrikingDash
Live Demo / Download
StrikingDash is a feature-rich Vue admin template and component library. With its incredible style, the possibilities become limitless when things get difficult online. The theme includes a beautiful dashboard, many pre-cooked components, and widgets that can be used easily because the main structure is fully responsive and customizable. Using StrikingDash will help your team avoid annoying headaches during the development process, and most importantly, you will no longer have to guess who is the top in line among your competitors.
Features:
- Axios with Clean api structure
- Integrated authentication system
- Simplicity and performance
20. Materio Free
Live Demo / Download
If you’re a tech-savvy guy for a Vue admin dashboard template that is both developer-friendly and rich with characteristics, look no further than Materio Free. Besides, all the nice things that this team could say about their development approach, I can assure by testing the theme that they followed the highest industry standards to bring you the very best experience that is not only fast and easy to use but also extremely scalable. Last but not least, by offering ultimate convenience and flexibility, it's able to build any type of application t with very little hassle.
Features:
- 3D Characters and illustrations
- Basic and advanced tables
- Clean & commented code
21. Cube
Live Demo & Download
The Cube landing page template is built for startups and companies that want to present themselves as a team of professionals in the tech industry. This commodity offers a sensitive design environment and a modern look that comes with multiple pages, several prebuilt UI elements, and content areas as the layout. So, if you're looking for a template that has been built with a lot of care in detail for your convenience, give Cube a try and I'm sure you will never look back again.
Features:
- SVG illustrations & iconography
- Works as a business tool
- It's universal and compatible
22. Calendlify
Live Demo / Download
Calendify is like the Swiss knife of the web management templates for business entrepreneurs who want to build or extend scheduling and booking web applications. Think of this product as a calendar dashboard design that will make your backend app look attractive and elegant. Calendify works seamlessly on all major web browsers, tablets, and phones, and each page is divided into appointment modules, so the creation looks beautiful on any device.
Features:
- Hover effects to delight users
- Easy To adapt for different uses
- Dynamic event pages
23. Carbon UI
Live Demo & Download
Carbon UI is a collection of resources to help you quickly build professional web interfaces using Vue.js & Nuxt.js. The two frameworks integrate well, and all components from both projects are available in the kit. Carbon UI goes beyond sharing individual elements to copy/paste into your work. It contains markup examples to help you combine the components into a full page quickly. The Vue-based core has been structured as a single file component allowing you to import modules into multiple projects.
Features:
- Preview with the code available
- Browse API references and tutorials
- Business and enterprise documentation
24. Star Admin Pro Vue
Live Demo / Download
Star Admin Pro Vue is a multipurpose, modern, and carefully crafted admin template that will be highly useful for distinct purposes. This template has been refined and improved, and it also offers a wide range of possibilities for text and image placement and the powerful framework revolution. Tested on devices with different browsers, it follows best SEO practices and will ensure your site's appropriate position in the search engine results.
Features:
- Different license options
- Product catalogue page
- Email template samples
25. Shards
Live Demo / Download
Developed with Vue, Shards is the free version of the popular admin dashboard template, Shards Pro. Built by people who love flat design, Shards offers a fully responsive admin experience that doesn't regret the simplicity of the simple style. Shards has been developed on top of VuePress, an amazing static site generator for small sites & apps that uses markdown files to provide pages for both content and code samples. Additionally, it has support for markdown syntax within your HTML files.
Features:
- Minimal footprint and highly optimised
- 1500+ supported icons
- Functional design system
26. Abstract
Live Demo & Download
Abstract is a handcrafted landing page template created by the team of Cruip that empowers startups or businesses to create appealing landing pages and websites. This template is fully responsive and it looks amazing on both mobile and desktop devices. It’s based on top of the latest Cruip CSS framework and features a clean design, smooth animations, fancy SVG icons, and cool scroll effects to make the design pop across all browsers.
Features:
- Slider option for testimonials
- Rich documentation with code samples
- Support standard and multisite
27. Argon Design System
Live Demo / Download
Argon Design System is a Premium components library for Bootstrap 4 and VueJs. With over 1200 individual components, 43 sections, and 18 example pages, Argon Design System gives you the freedom of choosing and combining using SCSS files. This product is built with multiple states of colors and styles that are accessible without effort. Creative Tim has done an incredible job of creating a system that is very user-friendly and visually appealing.
Features:
- Basic structure for any web project
- Multiple states for each element
- Design files included
28. Porto
Live Demo / Download
Porto is the ultimate eCommerce template based on VueJS and NuxtJS. It has all the required tools and features to create a super-fast responsive eCommerce with an amazing UI and fully accessible UX experience. 40+ demo layouts and modern organization skins will allow you to create your niche store faster than using the most popular builders. With Porto you can avoid expensive web development and minimise your design costs while keeping incredible quality.
Features:
- Solid and tested base
- Premium plugins and popular widgets
- Unlimited product variations
29. Atlantis
Live Demo / Download
The Atlantis for PrimeVue is built to be one of the most advanced and lightweight premium admin dashboard themes for Vue.js. Its clean, minimal design will make your content stand out in style. You can show off your sales dashboard, form layouts, unique visitor graphs, or any other content with a contemporary design. Atlantis PrimeVue comes with 5 stunning menus to choose from to suit your site's needs.
Features:
- Full SaSS support
- Light and dark modes
- 16 built-in component themes
30. MaterialPro
Live Demo / Download
MaterialPro is an admin dashboard based on Vuetify Google’s Material Design principles that comes with a refreshing look with many ready-to-use features. You can use it to create inventory management, warehouse management, accounting software, any SaaS-based application with great care on the user experience and tested to give you much desire comfort while building your project. MaterialPro is already appreciated by lots of customers within different framework needs and the word is spreading fast across different companies and industries.
Features:
- White and Black sidebar themes
- Use for unlimited projects
- Dedicated customer section
31. Molla
Live Demo / Download
Molla VueJS eCommerce template is the ultimate eCommerce solution for store owners, digital creators, and traditional businesses without an online presence. It has all the wanted instruments and characteristics to conceive an online store that sings impressive melodies to your customers, and that incentivises sales because of the super soft human touch. With Molla your prospects will never bounce at the checkout again, and according to the hundreds of happy customers in the world, you will also save a lot in extension costs.
Features:
- Also available in WordPress
- 30+ Exclusive demo concepts
- Wishlist and compare features
32. Extreme
Live Demo / Download
The success of a business is driven by how much it can earn from its products. But, this business growth has to be managed well otherwise the growth will become chaotic and difficult to manage. For this very purpose, the team of WrapPixel has developed Extreme: A VueJS-based dashboard template that is free to download for both personal and commercial projects. With Extreme, you can finally build a complete web experience without compromising accessibility and by simply adding admin control to your current app.
Features:
- Different dashboard variations
- 6 months of free support
- Mini sidebar available
33. Purple Vue
Live Demo / Download
Purple Vue admin presents an unlimited number of options for building and extending responsive web applications. This template has everything expected to create a compelling and compact digital experience, and the base product looks both professional and fancy with flexible icons, apps, widgets, and more. Visualizing and representing data won't be any longer a concern since Purple Vue contains an excellent charting library conceived from the archives of the master of web design.
Features:
- Excess benefits to suit your needs
- Reviewed by the best in the industry
- Regular and extensive liquid design
34. Qexal
Live Demo / Download
Qexal is a fully responsive landing page template based on Vue.js that comes in multiple devices for the perfect choice of any startup or ongoing business. It has everything you need for online promotion, including welcome area, hero slide, blockquotes, testimonials, features Section, contacts, pricing tables, and even more premium elements to make it easier for your users to contact you. Qexal is one of the most built-in templates where you can easily focus on your project without trying to figure out how to modify the source code.
Features:
- Particels background
- Wave animations and effects
- 9 types of main layouts
35. Twist
Live Demo & Download
The Twist landing page template is here to make your work easier. It’s built on an advanced framework of variables that can be parsed out with a few clicks. Twist is built with incredible visibility in mind - all major sections of existing pages are highlighted clearly in the inspector and grouped together by component. Quickly identify which components you want to tweak, adjust the values, and see your changes updated across your entire landing.
Features:
- Incredible amount of flexibility
- Perfect for showcasing fluid content
- Easily adaptable to any niche or market
36. Vue Material UI Kit
Live Demo & Download
This Material Design UI Kit for Bootstrap 5 and Vue 3 comes with the most commonly used components for delivering an awesome user experience that includes different kinds of lists, dialog, progress bar, switch, tabs, navigation bar & icons. In the starter pack, the structure pulls you off three of the most important aspects of any web application: such as; usability (the way a user interacts with a product), accessibility (the facility a user uses a product), and universal appeal (how the product looks).
Features:
- Super simple, 1 minute installation
- MIT license for personal and commercial use
- Special title treatment
37. Appie
Live Demo / Download
Appie is a universal and professional app landing page template built with VueJs, Bootstrap and the latest design trends. It fits well for any business that is involved with product presentation, app downloads, app stores. The UX has an extremely smooth and streamlined feel and it loads fast and is easy through different sections. The free preview is stuffed with unlimited possibilities and comes packaged clean in a well-organized environment.
Features:
- Ipad and Iphone friendly
- Easy color management
- Bootstrap as BootstrapVue
38. OneUI
Live Demo / Download
OneUI is a super flexible Bootstrap 5 and Vue.js admin dashboard template and UI framework that will empower you to produce all kinds of pages using a unique powerful layout. It was built with Sass and smart developer tools that will save you time during the entire development process. With OneUI you can create a custom dashboard for your admin panel even with no coding experience, and add the remaining functionality to an extended number of elements, components, and add-ons.
Features:
- Laravel 8 support
- Custom admin panels
- Smart buttons included in the package for free
39. Vue Material Template
Live Demo / Download
Vue Material Template is the first fully integrated admin dashboard based on Vuetify and Material Design. This powerful template comes with built-in components that are ready to use right out of the box (with no extra work required), and tons of elements that will allow you to create and host your web app using the flexible and extensible admin interface. Vue Material Template is based on advanced performance and security features such as inner details and subscriptions as a service.
Features:
- Three color themes and dark mode
- Sass and Vuex inside
- Charts Libraries including Highcharts
40. Material Kit PRO
Live Demo / Download
Material Kit Pro is a beautiful resource built over Vue Material and Vuejs that will help you get started developing UI Kits in no time. Created with developers in mind this outcome boasts 70+ parts that can be used both locally and in any project, regardless of the technology stack that powers it. All elements are mobile responsive, meaning you'll need to do little or nothing to get them working on smartphones and tablets.
Features:
- Knowledge center
- Easily modify files and classes
- Integration with third-party tools
41. Muse
Live Demo / Download
Muse is a beautiful Ant Design Vue premium admin dashboard with a large number of components, designed to look beautiful and prepared. Designed for those who like bold elements and beautiful landscapes, Muse will let you reach the sky without even touching the mouse. Made of hundred of elements, designed blocks, and fully coded pages, Muse will let you decide between a Basic or advanced design to cover the costs so you are good to go.
Features:
- Lots of variables for colors and fonts
- Built on top of Open Source
- Rich and interactive demos
42. Now UI Kit PRO
Live Demo / Download
Now UI Kit Pro is a luxurious and sensitive Bootstrap 4 kit provided by Invision and Creative Tim. These teams teamed up to create your ideal prototyping set up so you can deliver pixel-perfect, high-fidelity prototypes that work just like a native app. It is built using the 12 column grid system, with components designed to fit together perfectly. Technically speaking, it uses bold colors, beautiful typography, clear photography, and spacious arrangements.
Features:
- Live presentation preview
- Customised forms and widgets
- Saas files for professional development
43. Materio
Live Demo / Download
Whether you’re an experienced developer looking for a powerful admin dashboard template to customise, or a dev shop looking for a Vue admin dashboard to integrate into your existing projects, Materio is the most code-friendly & high-performing admin dashboard template based on Vuetify. The team has answered the web innovator dilemma by creating an incredible open-source toolkit that allows anyone with basic coding knowledge to customise anything the way they want it.
Features:
- Hassle-free maintenance
- Multilingual assistance
- Established folder structure
44. Light Blue Vue Admin
Live Demo / Download
Light Blue Vue Admin is a great starting point for developers looking to build an admin interface with Vue.js and Bootstrap 4. Conspicuous design with slightly transparent widgets makes this Vue JS template a rare offer among other resources in the same category. This template will be a great asset to produce your next interface for your IoT dashboards, SAAS startups, management systems, and established professional services.
Features:
- In-app notifications
- Insights and Google Maps
- Perfect folder structure
45. Admin one
Live Demo / Download
Simple, beautiful, and free - that's what makes Admin One awesome. This admin dashboard for Vue.js 3 is minimalistic in its design and performance but still packed with awesome features. It comes with a built-in ripple effect, elegant accordion, file uploader, in-place editing powered by in-place components in Tailwind CSS, dozens of components that are easy to use yet powerful enough to get the job done. There are no external dependencies required other than the ordinary ones.
Features:
- Collapsable cards and tables
- Small laptop layout
- Production CSS
46. Bonik Ecommerce PRO
Live Demo / Download
Bonik is an optimal eCommerce UI template for Vuejs. This template uses Vuetify, which is one of the best UI libraries for Vuejs by default. It has a distinctive design and multiple home pages for you to choose from. Bonik is blazingly fast, server-side rendered, and mobile-friendly with a clear codebase that will bolster your project's future development without the need of a dependable team that will cost your startup a lot of freedom and capital.
Features:
- Optimised for mobile performance
- Lazy video loading
- Elegant carousel library
47. Vue Notus
Live Demo / Download
Creative Tim released a full-blown Vue UI Kit for everyone who wants to make a business user interface using Vue.js. It includes a set of hundreds of free Tailwind CSS-based components that look awesome and work well right out of the box. With Vue Notus, you can use one of many pre-designed templates that feature fully optimised layouts and designs to cut your development time in half.
Features:
- Unzipped source files
- Multiple states for widgets
- Basic structure for any web project
48. Plus Admin Vue
Live Demo / Download
Plus Admin Vue is a smart and stylish admin dashboard template for those who want to expand their personal or corporate site functionality. Hand-coded with HTML5 and CSS3, this admin dashboard template is highly compatible with all major browsers and devices ensuring a great user experience. Plus Admin Vue brings simplicity, flexibility, and a robust set of options that allows users to build a clean, simple, and easy-to-use interface.
Features:
- Lifetime free releases
- Multiple License options
- Folder structure inside the folder
49. Arbano
Live Demo & Download
Arbano is a premium admin template built with Bootstrap 4 and VueJS. It comes with high-quality clean code and great design. The fully responsive layout of Arbano supports any type of modular functionalities while keeping all the advantages of a fully liquid layout. This admin template has more than 30 custom elements like forms, charts, maps, and progress bar that can be added or edited from a single nav.js file without touching any other files. For quicker development, there are built-in pages and more than 7 custom font icons packages included.
Features:
- Video installation
- Animated progress bar
- Support available under request
50. Vue Material Free
Live Demo / Download
Vue Material is a dashboard template built with the Vuetify framework. It lets you quickly create highly-interactive dashboards, with touch-enabled communication between widgets, automatic layouts based on window size, and internationalization support. The Vue architecture allows for an easy transition to the patterns used by Vuetify, with a clear separation via the communication library. By using this product, you can create web app experiences that are fast, seamless, and contemporary.
Features:
- Stylesheets with arbitrary values
- Well-engineered core system
- Tiny in production
51. Brook
Live Demo / Download
Brook is a manageable but powerful Vue.js admin template for creating any kind of creative application at a highly accessible rate. Brook comes with different homepages built in it, with different color styles and designs, and each one can be used for your own projects with slight customisations. The template comes with Nuxt modules for page states, seamless page transitions, one-page parallax, contact form, smart integration, and more.
Features:
- Build with latest Vue and Nuxt
- No jQuery dependency
- Dynamic blog
Conclusion
Thanks for reading, and if you have more resources to suggest, please feel free to share them below.
已为社区贡献21233条内容
所有评论(0)