Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vuetifyjs/awesome-vuetify

🎉 The best resources related to Vuetify
https://github.com/vuetifyjs/awesome-vuetify

applications awesome awesome-list guide plugins projects showcases utilities vuetify

Last synced: 3 months ago
JSON representation

🎉 The best resources related to Vuetify

Awesome Lists containing this project

README 

        


 

  Vuetify Logo

 




Awesome Vuetify Awesome




[Vuetify](https://vuetifyjs.com) is a no design skills required UI Library with beautifully handcrafted [Vue](https://vuejs.org/) Components. Below you will find a collection of applications and tools that help to showcase the best of what Vuetify has to offer!



If you have something that you think belongs here, feel free to reach out to us in the [community](#community).



## 📢 Community



📄 [Docs](https://vuetifyjs.com/en/)

🚨 [Issues](https://issues.vuetifyjs.com/)

🏬 [Store](https://store.vuetifyjs.com/)

🎮 [Play](https://play.vuetifyjs.com/)

💬 [Discord](https://discord.com/invite/s93b7Fv)

🐦 [Twitter](https://twitter.com/vuetifyjs)

👽 [Reddit](https://www.reddit.com/r/vuetifyjs)



## Table of Contents



- [🙌 Projects using Vuetify](#projects)

    - [🏢 Open source solutions](#open-source)

    - ![Vuetify 3](https://img.shields.io/badge/Vuetify-3-1697F6.svg?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAq1BMVEUAAAAAgP+A//8Aqv8cjv+q4/+z5v8Xov8Vlf8Wm/Sx3v8UmfUUk/Wv3/+w2/8XmfQWlvSu3P+v3f8WlfgWl/QVmPSu3f8Vl/cXmPev3v8XlvWu3f8Wl/cWl/Wt3f+t3P8Wl/cVl/cVlvWt3f+u3v8Wlvev3P8WmPUWl/av3v8Wl/YWl/cWl/au3f8Wl/YWl/YWl/au3f8Wl/YWlvau3f8Wl/YWl/au3f/////cYWC4AAAANnRSTlMAAgIDCQkKCwwXFxkaICotLkJDRkdIW2JjY2R3f4CAk5abnJywt7i5zs7R0uPj5eby8vP0+/x1U4h8AAAAAWJLR0Q4oAel1gAAAJxJREFUGBm1wecCgQAUBeBDZjaRvXfK7Nz3fzO5mekn34efWspD3XCoFrgpXyQ0R5fKr0DNRF3KuT3VBCHzKDcjDKhOBdwNJXA0i2eqPh7Sroj0MKXysnjqiLiZqk9l4yW5kRZWVFsDb2qbZJOhBj6UDIdqgYgulV9BxJhqiqj8gYFTAV8GDPTxLbUjvSxitEkbcRLrrYFYloW/uAL1jiJcmJrO/AAAAABJRU5ErkJggg==)

        - [🛠 Components](#components-v3)

        - [💡 Example projects](#examples-v3)

    - ![Vuetify 2](https://img.shields.io/badge/Vuetify-2-7BC6FF.svg?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAq1BMVEUAAAAAgP+A//8Aqv8cjv+q4/+z5v8Xov8Vlf8Wm/Sx3v8UmfUUk/Wv3/+w2/8XmfQWlvSu3P+v3f8WlfgWl/QVmPSu3f8Vl/cXmPev3v8XlvWu3f8Wl/cWl/Wt3f+t3P8Wl/cVl/cVlvWt3f+u3v8Wlvev3P8WmPUWl/av3v8Wl/YWl/cWl/au3f8Wl/YWl/YWl/au3f8Wl/YWlvau3f8Wl/YWl/au3f/////cYWC4AAAANnRSTlMAAgIDCQkKCwwXFxkaICotLkJDRkdIW2JjY2R3f4CAk5abnJywt7i5zs7R0uPj5eby8vP0+/x1U4h8AAAAAWJLR0Q4oAel1gAAAJxJREFUGBm1wecCgQAUBeBDZjaRvXfK7Nz3fzO5mekn34efWspD3XCoFrgpXyQ0R5fKr0DNRF3KuT3VBCHzKDcjDKhOBdwNJXA0i2eqPh7Sroj0MKXysnjqiLiZqk9l4yW5kRZWVFsDb2qbZJOhBj6UDIdqgYgulV9BxJhqiqj8gYFTAV8GDPTxLbUjvSxitEkbcRLrrYFYloW/uAL1jiJcmJrO/AAAAABJRU5ErkJggg==)

        - [🛠 Components](#components-v2)

        - [💡 Example projects](#examples-v2)

- [🖼️ Themes](#themes)

- [⌨️ Contribute](#contribute)



## 🙌 Projects using Vuetify 



### 🏢 Open source solutions 



- [Commandeer](https://github.com/commandeer/open) - A Desktop cloud management app ![Electron](https://img.shields.io/badge/Electron-2A2D38.svg?logo=electron)

- [EBMSoft.net](https://ebmsoft.net) - Software Development Company profile site

- [GenVue](https://github.com/herbat73/GenVue) - Hostable, web application that lets confidential users upload and share private files ![NetCore](https://img.shields.io/badge/NetCore-6D409D.svg?logo=csharp)

- [NocoDB](https://github.com/nocodb/nocodb) - A Free & Open Source Airtable Alternative ![Github](https://img.shields.io/github/stars/nocodb/nocodb?logo=github) ![Nuxt](https://img.shields.io/badge/Nuxt-00DC82.svg?logo=nuxtdotjs&logoColor=white) ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white)

- [Open API Explorer](https://darosh.github.io/oax/#/) - OpenApi Specification Explorer

- [Sheiley Shop](https://github.com/itsalb3rt/sheiley_shop_app) - PWA to track personal purchases

- [httpSMS](https://github.com/ndolestudio/httpsms) - Use your Android phone to send and receive SMS messages via an HTTP API ![Nuxt](https://img.shields.io/badge/Nuxt-00DC82.svg?logo=nuxtdotjs&logoColor=white) ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white)

- [zova-vuetify](https://github.com/cabloy/zova/tree/main/zova-ui-vuetify) - zova-vuetify is a vue3 framework with ioc container. With the support of ioc container, defining reactive states no longer needs `ref/reactive`, nor `ref.value`



### Vuetify 3



#### 🛠 Components 



- [vuetify-color-field](https://github.com/webdevnerdstuff/vuetify-color-field) - Vuetify Color Field is a Vuetify VTextField Color Picker Component

- [vuetify-drilldown-table](https://github.com/webdevnerdstuff/vuetify-drilldown-table) - The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's v-data-table and v-data-table-server. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.

- [vuetify-inline-fields](https://github.com/webdevnerdstuff/vuetify-inline-fields) - Vuetify Inline Fields Component Library offers a comprehensive collection of reusable UI components to create elegant and efficient inline form fields within your applications.

- [vuetify-resize-drawer](https://github.com/webdevnerdstuff/vuetify-resize-drawer) - The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.

- [Vuetify3-Plus](https://github.com/Warnier-zhang/Vuetify3-Plus) - A useful complement and improvement to Vuetify 3.

- [@qnx/vuetify](https://github.com/yatendra121/vq-vuetify) - An extendable library of Vuetify form components & more.



#### 💡 Example projects 



- [Huskyfy](https://github.com/s-rigaud/huskyfy) - Advanced Spotify playlist manager ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Spotify](https://img.shields.io/badge/Spotify-201936.svg?logo=spotify)

- [Vite Vuetify TS Starter](https://github.com/logue/vite-vuetify-ts-starter) - Starter template using Vite, vue-router and Pinia. ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white)

- [Vitify](https://github.com/kingyue737/vitify-next) - Lightweight admin template ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Apache ECharts](https://img.shields.io/badge/Apache%20ECharts-white.svg?logo=apacheecharts&logoColor=E43961)

- [Vitify Nuxt](https://github.com/kingyue737/vitify-nuxt) - Admin template based on Nuxt ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Apache ECharts](https://img.shields.io/badge/Apache%20ECharts-white.svg?logo=apacheecharts&logoColor=E43961) ![Nuxt](https://img.shields.io/badge/Nuxt-00DC82.svg?logo=nuxtdotjs&logoColor=white)

- [Vue Material Admin](https://github.com/armomu/vue-material-admin) - Complex admin panel with integration of external library such as Babylon.Js, Three.Js and Apexchart ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Babylon.js](https://img.shields.io/badge/Babylon.js-201936.svg?logo=babylon.js&logoColor=white) ![Three.js](https://img.shields.io/badge/Three.js-black.svg?logo=three.js)

- [Vuetify Lux](https://github.com/yangjiakai/lux-admin-vuetify3) - Themed admin panel ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Firebase](https://img.shields.io/badge/Firebase-181D27.svg?logo=firebase)

- [vuetify-plugin-template](https://github.com/webdevnerdstuff/vuetify-plugin-template) - A template to help you get starting building your own plugin/component for Vuetify. ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white)



### Vuetify 2



#### 🛠 Components 



- [Dayspan Vuetify](https://github.com/ClickerMonkey/dayspan-vuetify) - A fully featured calendar, event, and scheduling library of components

- [Tiptap Vuetify](https://github.com/iliyaZelenko/tiptap-vuetify) - Rich text editor build on top of [tiptap](https://github.com/ueberdosis/tiptap)

- [Vuetify Imge Input](https://github.com/SeregPie/VuetifyImageInput) - Image editor as a component

- [Vuetify JsonSchema Form](https://github.com/koumoul-dev/vuetify-jsonschema-form) - Create dynamic Vuetify form from JsonSchema

- [vuetify-resize-drawer](https://github.com/webdevnerdstuff/vuetify-resize-drawer) - The vuetify-resize-drawer component extends the functionality of the v-navigation-drawer so that it is resizable by the user.



#### 💡 Example projects 



- [Asciiur.com](https://www.asciiur.com) - Internet's ascii art collection

- [Better Onetab](https://github.com/cnwangjie/better-onetab) - A `Chrome and Firefox extension` for better onetab

- [CloudCsv](https://github.com/itsalb3rt/cloudcsv) - Storage all CSV file data into your data base, friendly UI, user management, email notifications and more

- [IdeaHub](https://github.com/MakeContributions/ideahub) - A collection of ideas and projects from beginner to advance 🎯🚀

- [InertiaJS Laravel Vuetify](https://github.com/xalunda/inertiajs-laravel-vuetify) - Demo app ![Laravel](https://img.shields.io/badge/Laravel-6-F13C2F.svg?logo=laravel&logoColor=F13C2F) ![Inertia](https://img.shields.io/badge/Inertia.js-8262EB.svg?logo=inertia&logoColor=white)

- [Integrity Livestock Sales](https://www.integritylivestocksales.com/) - 🐮 Live Auction Listings ![Nuxt](https://img.shields.io/badge/Nuxt-00DC82.svg?logo=nuxtdotjs&logoColor=white)

- [Payshare](https://github.com/cb109/payshare) - Track shared expenses in a group of people ![Django](https://img.shields.io/badge/Django-0C4B33.svg?logo=django&logoColor=fff)

- [Project Camp](https://github.com/TheWebFosters/project-camp) - Complete Project Management System (PMS), CRM, Support & Invoicing ![Laravel](https://img.shields.io/badge/Laravel-5-F13C2F.svg?logo=laravel&logoColor=F13C2F)

- [ShortcutExpert](https://github.com/giray123/shortcutexpert) - A platform for all application shortcuts

- [Sozler.im](https://www.sozler.im) - Quotes website ![Nuxt](https://img.shields.io/badge/Nuxt-00DC82.svg?logo=nuxtdotjs&logoColor=white)

- [TodoDev](https://github.com/IanLuan/TodoDev) - A `Todo Web App` made for developers ![Firebase](https://img.shields.io/badge/Firebase-181D27.svg?logo=firebase)

- [Vitify Admin](https://github.com/kingyue737/vitify-admin) - Vite-based admin starter template with TypeScript intellisense in SFC template ![Typescript](https://img.shields.io/badge/Typescript-3178C6.svg?logo=typescript&logoColor=white) ![Apache ECharts](https://img.shields.io/badge/Apache%20ECharts-white.svg?logo=apacheecharts&logoColor=E43961)

- [Vue Admin Vuetify](https://github.com/vasttian/vue-admin-vuetify) - Admin interface

- [Vuetified](https://github.com/codeitlikemiley/vuetified) - Laravel 8 starter app ![Laravel](https://img.shields.io/badge/Laravel-8-F13C2F.svg?logo=laravel&logoColor=F13C2F)

- [VuetiForm](https://github.com/MuhaddiMu/VuetiForm) - Interactive Vuetify Form Generator with Validation & Input Styling 🎉

- [Vuetify Chat](https://github.com/berksaribas/vuetify-chat) - Chat application ![Firebase](https://img.shields.io/badge/Firebase-181D27.svg?logo=firebase)

- [Vuetify Formbase](https://github.com/wotamann/vuetify-form-base) - Formular Generator based on Vuetify 🌟

- [Vuetify Swipeout](https://github.com/davidgaroro/vuetify-swipeout) - A swipe out example built with Swiper

- [Vuetify Todo PWA](https://github.com/davidgaroro/vuetify-todo-pwa) - A simple Todo PWA

- [Zone Pokédex 2](https://github.com/zekinah/zone-pokedex2) - Pokédex Web App and PWA compatible [![PokéAPI](https://img.shields.io/badge/Pok%C3%A9API-181D27.svg?logo=pokemon)](https://pokeapi.co/)



### 🖼️ Themes 



- [Materio Vuetify Template](https://themeselection.com/products/materio-free-vuetify-vuejs-admin-template/) - A Production ready, carefully crafted, most comprehensive Free Vuetify Vuejs admin template

- [ShipIT](https://github.com/18chetanpatel/shipit) - Free e-commerce website theme

- [Vuebase](https://github.com/nasirouwagana/vuebase) - A Firebase-like theme

- [Vue Material Admin](https://github.com/tookit/vue-material-admin) - A vue material admin template

- [Vuetify Material Dashboard](https://github.com/creativetimofficial/vuetify-material-dashboard)



## ⌨️ Contribute



1. [Fork](https://help.github.com/articles/fork-a-repo/) this repository to your own GitHub account and then [clone](https://help.github.com/articles/cloning-a-repository/) it to your local device.

2. Start making changes.

3. Submit a [pull request](https://help.github.com/articles/using-pull-requests/) to the original repository.