Awesome Vuetify

repository·master·Indexed 23 days ago

https://github.com/vuetifyjs/awesome

A curated list of high-quality projects, components, and tools built using the Vuetify UI library for Vue.js. This directory includes resources for Vuetify 2 and Vuetify 3 ecosystems, including third-party components, example projects, and visual themes.

Tokens
978
Snippets
0
Records
6
Agent score
33%

What's inside Awesome Vuetify

  1. Overview of Awesome Vuetify

    master

    Awesome Vuetify is a curated collection of applications, tools, and components that showcase the capabilities of the Vuetify UI library. Vuetify is a UI library for Vue that provides handcrafted components designed to work without requiring advanced design skills.

    This repository serves as a directory for:

    • Projects using Vuetify: Real-world applications and open-source solutions.
    • Vuetify 3 Ecosystem: Components and example projects specifically for Vuetify 3.
    • Vuetify 2 Ecosystem: Components and example projects specifically for Vuetify 2.
    • Themes: Visual styles and themes built with Vuetify.
  2. Vuetify 2 Components and Example Projects

    master

    Explore a curated list of third-party components and starter templates designed specifically for Vuetify 2.

    Components

    • Dayspan Vuetify: A calendar, event, and scheduling library.
    • Tiptap Vuetify: A rich text editor built on top of Tiptap.
    • Vuetify Image Input: An image editor component.
    • Vuetify JsonSchema Form: Creates dynamic forms from JSON Schema.
    • vuetify-resize-drawer: Makes v-navigation-drawer resizable.

    Example Projects

    • InertiaJS Laravel Vuetify: A demo app using Laravel and Inertia.js.
    • Vitify Admin: A Vite-based admin starter template with TypeScript intellisense.
    • Vuetiforms: A form generator based on Zod and Vuetify.
    • Vuetify Formbase: A form generator based on Vuetify.
    • VuetiForm: An interactive form generator with validation and input styling.
  3. Vuetify Themes

    master

    A collection of pre-built themes and admin templates for Vuetify applications:

    • Materio Vuetify Template: A comprehensive free Vuetify Vue.js admin template.
    • ShipIT: A free e-commerce website theme.
    • Vuebase: A Firebase-like theme.
    • Vue Material Admin: A Vue Material admin template.
    • Vuetify Material Dashboard: A dashboard template.
    • Sneat Vuetify NuxtJS Admin Template: An open-source NuxtJS admin template based on Vuetify, NuxtJS 3, Vue 3, and TypeScript.
  4. Vuetify 3 Components and Example Projects

    master

    Explore a curated list of third-party components and starter templates designed specifically for Vuetify 3.

    Components

    • Vuetify Notifier: Integrates Toast, Alert, Confirm, Dynamic dialogs, and directives.
    • vuetify-color-field: A color picker component for v-text-field.
    • vuetify-drilldown-table: Enhances v-data-table and v-data-table-server with recursive, hierarchical data structures.
    • vuetify-inline-fields: A collection of reusable UI components for inline form fields.
    • vuetify-resize-drawer: Extends v-navigation-drawer to make it user-resizable.
    • Vuetify3-Plus: A complement and improvement to the core Vuetify 3 library.
    • @qnx/vuetify: An extendable library of Vuetify form components.

    Example Projects

    • Vite Vuetify TS Starter: A starter template using Vite, vue-router, and Pinia.
    • Vitify / Vitify Nuxt: Lightweight admin templates (Nuxt version available).
    • Vue Material Admin: Complex admin panel integrating Babylon.js, Three.js, and ApexCharts.
    • Vuetify Lux: A themed admin panel.
    • vuetify-plugin-template: A template for building your own Vuetify plugins or components.
  5. How to contribute to the Awesome Vuetify repository

    master

    To contribute to this repository, follow these steps:

    1. Fork the repository to your own GitHub account.
    2. Clone the repository to your local device.
    3. Start making changes.
    4. Submit a pull request to the original repository.