{"title":"News","description":"\u003cp\u003eProducts that feature new features, new products, and updates to their prices\u003c\/p\u003e","products":[{"product_id":"materialpro-admin-dashboard","title":"MaterialPro - Vuetify 4 - Admin Template","description":"\u003cp\u003e\u003ca href=\"https:\/\/demos.wrappixel.com\/premium-admin-templates\/vuejs\/materialpro-vuejs\/landingpage\/index1.html\" target=\"_blank\" title=\"Material Pro\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #346bff, #1f99e5);\"\u003eLive Demo\u003c\/a\u003e \u003ca href=\"https:\/\/wrappixel.github.io\/premium-documentation-wp\/vue\/materialpro\/index.html\" target=\"_blank\" title=\"Material Pro\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border-radius: 10px; color: #346bff; border: 2px solid #346bff;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"#changelog\" style=\"padding: 10px 20px; border-radius: 10px; color: #fff; background-color: #000;\"\u003eChangelog\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eUpdated on: 13th Aug 2026\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 18pt;\"\u003e\u003cstrong\u003eUpdated to Vuetify 4\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eMaterialPro Admin Dashboard\u003c\/strong\u003e is powerful Vuetify template inspired from Google’s Material design. It comes with a refreshing look and many ready to use features. If you are building dashboard and backend for your project, this will be best choice. MaterialPro is highly customizable and comes with detailed documentation to help you get started with ease.\u003c\/p\u003e\u003cp\u003eThe \u003cstrong\u003eMaterialPro\u003c\/strong\u003e theme is built with great care when it comes to design, development, and testing. It’s been built by an industry leading designer to give you best possible user experience.\u003c\/p\u003e\u003cp\u003eYou will be received \u003cstrong\u003e5 unique\u003c\/strong\u003e demos, \u003cb\u003e6 theme colors\u003c\/b\u003e, \u003cstrong\u003e6 unique\u003c\/strong\u003e dashboards, In addition, the MaterialPro theme comes with various application designs, table and form Examples and the theme Figma\u003cstrong\u003e files\u003c\/strong\u003e.\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cstrong\u003eJoin our \u003cspan style=\"color: #3366ff;\"\u003e\u003ca href=\"https:\/\/discord.com\/invite\/eMzE8F6Wqs\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #3366ff; text-decoration: underline;\"\u003eDiscord server\u003c\/a\u003e\u003c\/span\u003e to connect with us in real time.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cbr\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Starterkit (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaterialpro Figma Design For Most of Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eDocumentation\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBox \u0026amp; Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e100% Responsive.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, mini-sidebar navigation options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eEasy to customize code as per your requirement\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e50+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e8+ conceptual Apps like E-commerce, Invoice, Chat, User Profile, Kanban, Notes, Calendar, Blog and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with Multilevel Menu support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for ltr \/ rtl, light dark, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e5 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like CRUD, Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAuthentication pages - Login, Register, Forget \u0026amp; Reset the password, Two Step verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages, Error Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVuetify - v4.1.8\u003c\/li\u003e\n\u003cli\u003eVuejs - v3.5.41\u003c\/li\u003e\n\u003cli\u003eVite - v8.2.1\u003c\/li\u003e\n\u003cli\u003ePinia - v4.0.2\u003c\/li\u003e\n\u003cli\u003eTypescript - v5.9.3\u003c\/li\u003e\n\u003cli\u003eAxios - v1.19.0\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2\u003e\u003cstrong\u003eSupport \u0026amp; updates\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eOnce you purchase the template, you will get technical support. It includes\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eBug fixes or any other help - you can submit \u003c\/span\u003e\u003ca href=\"https:\/\/support.wrappixel.com\/\"\u003e\u003cspan style=\"font-weight: 400;\"\u003etickets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\u003c\/ul\u003e\u003cbr\u003e\u003ch2 id=\"changelog\"\u003e\u003cstrong\u003eChangelog:\u003c\/strong\u003e\u003c\/h2\u003e\u003ch3\u003eVersion 7.0.0 (13th Aug 2026)\u003c\/h3\u003e\u003col\u003e\n\u003cli\u003eUpgraded all packages and dependencies to their latest compatible versions.\u003c\/li\u003e\n\u003cli\u003eUpdated to Vuetify 4.\u003c\/li\u003e\n\u003cli\u003eMigrated the codebase to Vuetify 4 and checked full compatibility.\u003c\/li\u003e\n\u003cli\u003eUpdated typography and elevation styles to match Vuetify 4's new design system.\u003c\/li\u003e\n\u003cli\u003eModernized SCSS architecture for cleaner, faster builds.\u003c\/li\u003e\n\u003cli\u003eFixed build and runtime errors caused by outdated dependencies.\u003c\/li\u003e\n\u003cli\u003eFixed several broken and outdated links.\u003c\/li\u003e\n\u003cli\u003eFixed issues across dashboards, front-end pages, and apps screens.\u003c\/li\u003e\n\u003cli\u003eOverall design and layout fixes across the template.\u003c\/li\u003e\n\u003cli\u003eResolved all errors introduced after the update.\u003c\/li\u003e\n\u003cli\u003eUpdated Main Demo, Starterkit, Dark, Horizontal, Mini Sidebar, and RTL versions.\u003c\/li\u003e\n\u003c\/ol\u003e\u003cbr\u003e\u003ch3\u003eVersion 6.1.0 (30th April 2025)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 6.0.0 (26th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eNew well Designed Dashboards\u003c\/li\u003e\n\u003cli\u003eIncreased Run Timing Speed\u003c\/li\u003e\n\u003cli\u003eRemoved Runtime warning\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 5.0.0 (6th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.5.7\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"Vuetify\": \"3.7.1\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"Vite \": \"5.4.8\"\u003c\/li\u003e\n\u003cli\u003eAdded new apps\u003cul\u003e\n\u003cli\u003eInvoice app Added\u003c\/li\u003e\n\u003cli\u003eTickets app Added\u003c\/li\u003e\n\u003cli\u003eEmail app Added\u003c\/li\u003e\n\u003cli\u003eUpdated Calendar App\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eFrontPages Added\u003cul\u003e\n\u003cli\u003eHomepage\u003c\/li\u003e\n\u003cli\u003eAbout us\u003c\/li\u003e\n\u003cli\u003eContact us\u003c\/li\u003e\n\u003cli\u003eBlog\u003c\/li\u003e\n\u003cli\u003eBlog Detail\u003c\/li\u003e\n\u003cli\u003ePortfolio\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 4.0.0 (4th Sept 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.38\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.7.1\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"vite\": \"5.4.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Pinia\": \"2.2.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Typescript\": \"5.5.4\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Axios\": \"1.7.6\",\u003c\/li\u003e\n\u003cli\u003eAdd New Pages\u003cul\u003e\n\u003cli\u003eGallery Lightbox\u003c\/li\u003e\n\u003cli\u003eSearch Results\u003c\/li\u003e\n\u003cli\u003eSocial Contacts\u003c\/li\u003e\n\u003cli\u003eTreeview\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd New Form Elements\u003cul\u003e\n\u003cli\u003eTimepicker\u003c\/li\u003e\n\u003cli\u003eStepper\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd Light\/Dark theme toggle on header\u003c\/li\u003e\n\u003cli\u003eAdd New 2 pages in ecommerce app\u003cul\u003e\n\u003cli\u003eAdd Product\u003c\/li\u003e\n\u003cli\u003eEdit Product\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eUpdate product list app using vuetify 3 datatable in ecommerce app and remove vue3-easy-data-table package\u003c\/li\u003e\n\u003cli\u003eAdd new snackbar on dashboard page load [welcome alert]\u003c\/li\u003e\n\u003cli\u003eAdd scroll to top of the page when click on sidebar link\u003c\/li\u003e\n\u003cli\u003eSolve some minor bug\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 3.0.0 (22nd Feb 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.17\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.5.3\",\u003c\/li\u003e\n\u003cli\u003eUpdated calendar app\u003c\/li\u003e\n\u003cli\u003eAdded CRUD datatable\u003c\/li\u003e\n\u003cli\u003eAdded Filterable table in data table filtering table page\u003c\/li\u003e\n\u003cli\u003eOther packages version updated\u003c\/li\u003e\n\u003cli\u003eUpdated datatables as per latest vuetify \u0026amp; removed vuetify\/labs\/VDataTable lab dependency\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.1 (10th Aug 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eAdded Kanban Apps\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.0 (26th July 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eAdded Datatables Examples.\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.6 (29th July 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eUpdated all the packages\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.5 (3rd March 2022)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated the vuetify version\u003c\/li\u003e\n\u003cli\u003ecompletely revamp the code\u003c\/li\u003e\n\u003cli\u003eadded JWT Auth\u003c\/li\u003e\n\u003cli\u003eadded many apps : user profile, email, ecommerece, blog, contact\u003c\/li\u003e\n\u003cli\u003eadded more widgets\u003c\/li\u003e\n\u003cli\u003eadded i18 vue translation\u003c\/li\u003e\n\u003cli\u003eadded 6 different theme colors and remove older nav and sidebar color variation.\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.3 (2nd Sep 2022)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated Vue 3\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify version\u003c\/li\u003e\n\u003cli\u003eSolve some minor bug\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.2 (12th May 2022)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated To Vue 3\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify version 3 beta\u003c\/li\u003e\n\u003cli\u003eRemoved vuex store and added pinia store\u003c\/li\u003e\n\u003cli\u003eremoved RTL demo - we will add that soon\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.1\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eAdded Horizontal Layout\u003c\/li\u003e\n\u003cli\u003eAdded Horizontal Layout\u003c\/li\u003e\n\u003cli\u003eAdded Ecommerece app based on algolia\u003c\/li\u003e\n\u003cli\u003eand some minor bug fixed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"WrapPixel","offers":[{"title":"Personal Use","offer_id":32378093142065,"sku":"personal","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":32378093174833,"sku":"commercial","price":99.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":32378109329457,"sku":"unlimited","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/ILY9RDxUda.jpg?v=1739947915"},{"product_id":"berry-vuetify-admin-template","title":"Berry Vuetify 4 Admin Template","description":"\u003cp\u003e\u003cbutton type=\"button\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #11998e, #38ef7d);\"\u003e\u003ca href=\"https:\/\/berrydashboard.com\/vue\/default\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003cstrong\u003ePreview Theme\u003c\/strong\u003e\u003c\/a\u003e \u003c\/button\u003e\u003cbutton type=\"button\" style=\"margin-left: 15px; border: 2px solid black; background-color: white; color: green; padding: 10px 20px; border-radius: 10px; border-color: #04AA6D;\"\u003e\u003ca href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003cstrong\u003eDocumentation\u003c\/strong\u003e\u003c\/a\u003e \u003c\/button\u003e   \u003ca rel=\"noopener noreferrer\" href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\/changelog\" target=\"_blank\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cstrong\u003eCHANGE LOG\u003c\/strong\u003e\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\u003cp style=\"font-weight: 600;\"\u003e\u003cspan style=\"color: #000000;\"\u003eBerry is a stunning Vue.js Admin Template that fully supports Vue 3 and is powered by Vuetify Core components. With Berry, you can create your admin dashboard quickly and easily, thanks to its extensive range of ready-to-use components. Whether you're building a User Management app, Chat app, Customer-centric app, or a SaaS-based interface, Berry provides you with high-performance code and a fully responsive design.\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: #000000;\"\u003eBy using Berry's Vuetify 4-based components, you can ensure your app is optimized for the latest version of Vuetify. Additionally, Berry's support for Vuejs and Vuetify Admin Dashboard ensures that you have everything you need to create a powerful and scalable admin dashboard for your application.\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: #000000;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eJoin our \u003c\/span\u003e\u003ca rel=\"noopener noreferrer\" style=\"color: #000000;\" href=\"https:\/\/discord.com\/invite\/p2E2WhCb6s\" target=\"_blank\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eDiscord server\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e to connect with us in real time.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cimg alt=\"berry-vuetify-admin-template\" src=\"https:\/\/cthemes.s3.us-west-2.amazonaws.com\/vuetify\/Presentation_1.0.0.jpg\"\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Skeleton (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eDiscount code to buy Figma resources: \u003c\/span\u003e\u003cem\u003e\u003ca rel=\"noopener noreferrer\" href=\"https:\/\/codedthemes.com\/item\/berry-figma-ui-kit\/\" target=\"_blank\"\u003eCheck Now\u003c\/a\u003e.\u003c\/em\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\n\u003ca href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\/\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eDocumentation\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eKey features\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eModern aesthetics UI design.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eQuick Start with the Skeleton version.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eContainer + Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFont Family options (Roboto, Poppins, Inter).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eEye-catching material color palette.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, and Collapse Layouts options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eResponsive design supports all modern browsers.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eEasy to use code standard \u0026amp; \u003c\/span\u003e\u003ca href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\/directory-structure\"\u003e\u003cspan style=\"font-weight: 400;\"\u003edirectory\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e structure.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eEasy \u003c\/span\u003e\u003ca href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\/\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eDocumentation\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e Guide.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e95+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e5+ conceptual Apps like E-commerce, Mail, Chat, User Management, and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with unlimited Menu level support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for font selection, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e2 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e50+ Data, Statistics, and Chart Widgets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eContact App with Card \u0026amp; List variants.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Plugins like Mask, Editor, Autocomplete, Clipboard, and many more.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Layouts - Multicolumn, Sticky, Action bar.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e3 Variants of Authentication pages - Login, Register, Forget \u0026amp; Reset the password, OTP verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages like Error, coming soon, and under construction.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFront Pages like Landing, Privacy, Contact, and FAQ pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBuilt with Vuetify 4 Vuejs component library.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAxios for mock API data.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTypeScript support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMulti-Language Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eCompatibility\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eBerry has been tested in the following environment. \u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBrowser compatibility - Chrome, Mozilla, Edge, Safari (macOS), Opera\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eDesign tested on Retina Displays, Laptop media, and responsive media like Tablet \/ iPad and Mobile devices.\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eFigma design resources\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe Figma design file is available for purchase separately. You will have a discounted price. Please check your downloaded zip for more. \u003cbr\u003eAll components and pages are available with proper arrangement. All settings like Color, Typography, Shadow, and Components are made of Master components so you can easily change the entire files with one single click.\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003eDocumentation\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eVisit this link to access Berry \u003c\/span\u003e\u003ca href=\"https:\/\/codedthemes.gitbook.io\/berry-vuetify\/\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eDocumentation\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003eSupport \u0026amp; updates\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eOnce you purchase the Berry, you will get technical support. It includes\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eBug fixes or any other help - you can submit \u003c\/span\u003e\u003ca href=\"https:\/\/codedthemes.support-hub.io\/\"\u003e\u003cspan style=\"font-weight: 400;\"\u003etickets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\u003c\/ul\u003e\u003cp\u003e \u003c\/p\u003e","brand":"codedthemes","offers":[{"title":"Personal Use","offer_id":43911864090846,"sku":"","price":69.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":43911864156382,"sku":"","price":129.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":43911864189150,"sku":"","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/VgCbnSgXI6.png?v=1777960181"},{"product_id":"modernize-vuetify-3-vue-3-admin-dashboard","title":"Modernize - Vuetify 4 - Admin Dashboard","description":"\u003cp\u003e\u003ca href=\"https:\/\/modernize-vuejs.adminmart.com\/\" target=\"_blank\" title=\"Material Pro\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #346bff, #1f99e5);\"\u003eLive Demo\u003c\/a\u003e \u003ca href=\"https:\/\/adminmart.github.io\/premium-documentation\/vue\/modernize\/index.html\" target=\"_blank\" title=\"Material Pro\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border-radius: 10px; color: #346bff; border: 2px solid #346bff;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"#changelog\" style=\"padding: 10px 20px; border-radius: 10px; color: #fff; background-color: #000;\"\u003eChangelog\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eUpdated on: \u003c\/strong\u003e\u003cb\u003e30th April 2025\u003c\/b\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 18pt;\"\u003eModernize Vue3 + Vuetify 4 + Vite + Typescript based Admin Template\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eThe modernized version of the Vue3 + Vuetify4 admin dashboard template provides a fast and efficient development experience with features like Vuejs 3+, Vite.js, Typescript, Vuetify 4+, code splitting, Google Fonts, and an easy folder structure. With these features, you can create your web application faster and with less hassle, while still maintaining a clear and organized code structure.\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cstrong\u003eJoin our \u003cspan style=\"color: #3366ff;\"\u003e\u003ca href=\"https:\/\/discord.com\/invite\/XujgB8ww4n\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #3366ff; text-decoration: underline;\"\u003eDiscord server\u003c\/a\u003e\u003c\/span\u003e to connect with us in real time.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Starterkit (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFigma Design For Most of Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eDocumentation\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBox \u0026amp; Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e100% Responsive.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, mini-sidebar navigation options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eEasy to customize code as per your requirement\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e65+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e12+ conceptual Apps like E-commerce, Invoice, Chat, User Profile, Kanban, Notes, Calendar, Blog and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with Multilevel Menu support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for ltr \/ rtl, light dark, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e2 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like CRUD, Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAuthentication pages - Login, Register, Forget \u0026amp; Reset the password, Two Step verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages, Error Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVuetify - v4.1.8\u003c\/li\u003e\n\u003cli\u003eVuejs - v3.5.41\u003c\/li\u003e\n\u003cli\u003eVite - v8.2.1\u003c\/li\u003e\n\u003cli\u003ePinia - v4.0.2\u003c\/li\u003e\n\u003cli\u003eTypescript - v5.9.3\u003c\/li\u003e\n\u003cli\u003eAxios - v1.19.0\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2\u003e\u003cstrong\u003eSupport \u0026amp; updates\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eOnce you purchase the template, you will get technical support. It includes\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eBug fixes or any other help - you can submit \u003c\/span\u003e\u003ca href=\"https:\/\/adminmart.com\/support\"\u003e\u003cspan style=\"font-weight: 400;\"\u003etickets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\u003c\/ul\u003e\u003cbr\u003e\u003ch2 id=\"changelog\"\u003e\u003cstrong\u003eChangelog:\u003c\/strong\u003e\u003c\/h2\u003e\u003ch3\u003eVersion 7.0.0 (25th Aug 2026)\u003c\/h3\u003e\u003cul style=\"font-size: 14px; font-weight: 400;\"\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpgraded all packages and dependencies to their latest compatible versions.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated to Vuetify 4.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eMigrated the codebase to Vuetify 4 and checked full compatibility.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated typography and elevation styles to match Vuetify 4's new design system.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eModernized SCSS architecture for cleaner, faster builds.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eFixed build and runtime errors caused by outdated dependencies.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eFixed several broken and outdated links.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eFixed issues across dashboards, front-end pages, and apps screens.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eOverall design and layout fixes across the template.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eResolved all errors introduced after the update.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated Main Demo, Starterkit, Dark, Horizontal, Mini Sidebar, and RTL versions.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eVersion 2.2.0 (30th April 2025)\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eRemove updatecolors.ts file\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated vuetify.ts plugin file\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"font-size: 14px; font-weight: 400;\"\u003eUpdated light\/dark theme files\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eVersion 6.2.0 (30th April 2025)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 6.1.0 (27th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eIncreased Run Timing Speed\u003c\/li\u003e\n\u003cli\u003eRemoved Runtime warning\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 6.0.0 (14th Oct 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003ePackages Updated\u003cul\u003e\n\u003cli\u003eVue.js – 3.5.7\u003c\/li\u003e\n\u003cli\u003eVuetify – 3.7.1\u003c\/li\u003e\n\u003cli\u003eVite – 5.4.8\u003c\/li\u003e\n\u003cli\u003eTypescript – 5.5.4\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdded new apps\u003cul\u003e\n\u003cli\u003eInvoice app Added\u003c\/li\u003e\n\u003cli\u003eTickets app Added\u003c\/li\u003e\n\u003cli\u003eEmail app Added\u003c\/li\u003e\n\u003cli\u003eCalendar App Updated\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 5.0.0 (23rd Sept 2024)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eAdded Frontend Pages\u003cul\u003e\n\u003cli\u003eHomepage\u003c\/li\u003e\n\u003cli\u003eAbout us\u003c\/li\u003e\n\u003cli\u003eContact\u003c\/li\u003e\n\u003cli\u003eBlog\u003c\/li\u003e\n\u003cli\u003ePortfolio\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 4.0.0 (4th Sept 2024)\u003c\/h3\u003e\u003cul\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.38\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.7.1\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"vite\": \"5.4.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Pinia\": \"2.2.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Typescript\": \"5.5.4\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Axios\": \"1.7.6\",\u003c\/li\u003e\n\u003cli\u003eAdd New Pages\u003cul\u003e\n\u003cli\u003eGallery Lightbox\u003c\/li\u003e\n\u003cli\u003eSearch Results\u003c\/li\u003e\n\u003cli\u003eSocial Contacts\u003c\/li\u003e\n\u003cli\u003eTreeview\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd New Form Elements\u003cul\u003e\n\u003cli\u003eTimepicker\u003c\/li\u003e\n\u003cli\u003eStepper\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd Light\/Dark theme toggle on header\u003c\/li\u003e\n\u003cli\u003eAdd New 2 pages in ecommerce app\u003cul\u003e\n\u003cli\u003eAdd Product\u003c\/li\u003e\n\u003cli\u003eEdit Product\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eUpdate product list app using vuetify 3 datatable in ecommerce app and remove vue3-easy-data-table package\u003c\/li\u003e\n\u003cli\u003eAdd new snackbar on dashboard page load [welcome alert]\u003c\/li\u003e\n\u003cli\u003eAdd scroll to top of the page when click on sidebar link\u003c\/li\u003e\n\u003cli\u003eSolve some minor bug\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 3.0.0 (19th Feb 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.17\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.5.3\",\u003c\/li\u003e\n\u003cli\u003eUpdated calendar app\u003c\/li\u003e\n\u003cli\u003eAdded CRUD datatable\u003c\/li\u003e\n\u003cli\u003eAdded Filterable table in data table filtering table page\u003c\/li\u003e\n\u003cli\u003eOther packages version updated\u003c\/li\u003e\n\u003cli\u003eUpdated datatables as per latest vuetify \u0026amp; removed vuetify\/labs\/VDataTable lab dependency\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.2 (10th Aug 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eAdded Kanban app\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.1 (26th July 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eAdded Datatables Examples\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.0 (3rd July 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eUpdated All Packages\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.0 (12th February 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eInitial Release\u003c\/li\u003e\u003c\/ul\u003e","brand":"AdminMart","offers":[{"title":"Personal Use","offer_id":43991015260382,"sku":"personal","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":43991019061470,"sku":"Commercial","price":99.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":43991020634334,"sku":"Unlimited","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/products\/xfXdOkML3V.jpg?v=1676185876"},{"product_id":"primedash-vuejs-admin-template-build-with-vuetify-3-vuejs-3-typescript","title":"PrimeDash - Vuetify 4 - Admin Template","description":"\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e \u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e \u003cstrong\u003e \u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-vuejs-admin-template\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Live Preview Theme\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #ffffff; background-image: linear-gradient(to right, #11998e, #38ef7d); text-decoration: none;\"\u003e Preview Theme \u003c\/a\u003e \u003ca href=\"https:\/\/docs.icreatorstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Documentation\" style=\"margin-left: 15px; border: 2px solid black; background-color: white; color: green; padding: 10px 20px; border-radius: 10px; border-color: #04AA6D; text-decoration: none;\"\u003e Documentation \u003c\/a\u003e \u003c\/strong\u003e \u003cspan style=\"font-size: 16px; color: #788188;\"\u003e \u003cspan style=\"font-size: 14pt;\"\u003e \u003cstrong\u003e \u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-vuejs-admin-template#faq\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Changelog\" style=\"margin-left: 15px; color: #788188;\"\u003eChangelog\u003c\/a\u003e \u003c\/strong\u003e \u003c\/span\u003e \u003c\/span\u003e \u003cspan style=\"color: #545454; font-size: 16px;\"\u003e \u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003eUpdated on: 17\u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e May \u003c\/strong\u003e2026\u003cbr\u003e\u003c\/span\u003e\u003cbr\u003eReleased on: 25th Aug \u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e2023\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cimg src=\"https:\/\/github.com\/user-attachments\/assets\/21edcb52-abc1-4ff2-aa94-a7eddc23da94\" alt=\"primedash-banner\"\u003e\u003cbr\u003e\u003cbr\u003e \u003cspan\u003ePrimeDash Admin Dashboard Template – Your Ultimate Development Companion\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e Are you a developer in search of an admin dashboard template that not only streamlines your workflow but also provides extensive customization options? Look no further than PrimeDash. We've meticulously designed this template to meet the needs of developers, ensuring it's both versatile and feature-rich. With PrimeDash, you can create stunning applications with minimal effort.\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003eUnmatched Developer-Friendliness\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003ePrimeDash is tailored to the needs of developers, making it your ideal partner for crafting exceptional admin dashboards. We've incorporated the latest Vue 3 and Vuetify 3 technologies, adhering to industry best practices to offer a template that is:\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFast: \u003c\/strong\u003eYour development process will be efficient, thanks to PrimeDash's optimized performance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUser-Friendly: \u003c\/strong\u003eNavigating and working with PrimeDash is intuitive and straightforward.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHighly Scalable: \u003c\/strong\u003eAs your projects grow, PrimeDash grows with you, providing the scalability you need.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eEndless Possibilities\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003eWith PrimeDash, the possibilities are limitless. You can easily build various types of web applications, including:\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaaS Platforms: \u003c\/strong\u003eLaunch your software as a service with confidence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProject Management Apps: \u003c\/strong\u003eStreamline project coordination and task management.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE-commerce Backends: \u003c\/strong\u003eCreate robust and secure e-commerce platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCRM Systems: \u003c\/strong\u003eManage customer relationships effortlessly.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalytics Apps: \u003c\/strong\u003eDive deep into data analysis with powerful tools.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBanking Apps: \u003c\/strong\u003eBuild secure and feature-rich banking applications.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEducation Apps: \u003c\/strong\u003eEnhance the learning experience with educational platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFitness Apps: \u003c\/strong\u003eHelp users achieve their fitness goals with tailored applications.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eResponsive Excellence\u003c\/h2\u003e\u003cdiv\u003eYour applications built with PrimeDash will shine on all devices. They will be fully responsive, ensuring a flawless user experience on desktops, tablets, and mobile devices alike.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\u003cdiv\u003ePrimeDash Admin Dashboard Template is the ultimate choice for developers looking to create premium-quality applications with ease. Experience the convenience, flexibility, and power of PrimeDash, and elevate your development projects to new heights.\u003cbr\u003e\u003ch2\u003eMake the Most of Our Innovative Features with PrimeDash\u003c\/h2\u003ePrimeDash is equipped with a wealth of innovative features, carefully designed to empower you in crafting premium-quality applications precisely as you envision them. Our admin template is loaded with unique and invaluable tools that enhance your development experience. Here are some of the standout features you'll find:\u003c\/div\u003e\u003cul\u003e\n\u003cli\u003eBased on \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVueJS 3.5 \u0026amp; Vuetify 4\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e2 Dashboard \u003c\/span\u003eand \u003cstrong\u003e8 Applications\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003eCreated with \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVite 5\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003e4 \u003c\/b\u003eDifferent Skins:\u003cb\u003e Classic, Modern, Decent, Bordered\u003c\/b\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eTypeScript Support\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eLight, Dark, and System \u003c\/span\u003emode support\u003c\/li\u003e\n\u003cli\u003eComposition API\u003c\/li\u003e\n\u003cli\u003eUtilizes \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVue Router, Vite, VueUse, Pinia\u003c\/span\u003e, etc.\u003c\/li\u003e\n\u003cli\u003eDatatable\u003c\/li\u003e\n\u003cli\u003eWizard pages\u003c\/li\u003e\n\u003cli\u003eNo jQuery Dependency\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003cli\u003eMulti-lingual Support\u003c\/li\u003e\n\u003cli\u003e2 chart libraries\u003c\/li\u003e\n\u003cli\u003eTwo types of Auth Pages\u003c\/li\u003e\n\u003cli\u003eMaterial Icons\u003c\/li\u003e\n\u003cli\u003eUnlimited Color Options\u003c\/li\u003e\n\u003cli\u003eFully Responsive Layout\u003c\/li\u003e\n\u003cli\u003eOrganized Folder Structure\u003c\/li\u003e\n\u003cli\u003eClean \u0026amp; Commented Code\u003c\/li\u003e\n\u003cli\u003eWell Documented\u003c\/li\u003e\n\u003cli\u003eAlso, 6 months of free support included\u003c\/li\u003e\n\u003cli\u003eEnjoy hassle-free support\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003ePackage Contains\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eTypeScript Version\u003c\/strong\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFull version\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStarter-kit\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJavaScript Version\u003c\/strong\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFull Version\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStarter-kit\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDocumentation\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eREADME.md\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\u003cp\u003eIf you have any query about this template. Please create a support ticket here: \u003ca href=\"https:\/\/docs.icreatorstudio.com\/guide\/support.html\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"support\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":44323434922206,"sku":"","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":44323434954974,"sku":"","price":109.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":44323434987742,"sku":"","price":299.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/products\/VLDCUP5VYi.jpg?v=1707361060"},{"product_id":"primedash-vuejs-laravel-admin-template-vuetify-3-vuejs-3-typescript-javascript","title":"PrimeDash - Vue 3 - Laravel Admin Template","description":"\u003cdiv style=\"display: flex; flex-flow: wrap; gap: 16px; align-items: center;\"\u003e\n\u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-vuejs-laravel-admin-template\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Live Preview Theme\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #ffffff; background-image: linear-gradient(to right, #ff5630, #fde5e3); text-decoration: none;\"\u003ePreview Theme\u003c\/a\u003e \u003ca href=\"https:\/\/lara-docs.icreatorstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Documentation\" style=\"border: 2px solid black; background-color: white; color: green; padding: 10px 20px; border-radius: 10px; border-color: #04AA6D; text-decoration: none;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-vuejs-laravel-admin-template#faq\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Changelog\" style=\"color: #788188;\"\u003eChangelog\u003c\/a\u003e\n\u003c\/div\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003eUpdated on: 17\u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e May 2026\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003eReleased on: 25 Aug \u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e2023\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cimg src=\"https:\/\/github.com\/user-attachments\/assets\/97101d61-7977-4c5a-92d0-6aafa0e400e0\" alt=\"primedash-banner\"\u003e\u003cbr\u003e\u003cbr\u003ePrimeDash Admin Dashboard Template – Your Ultimate Development Companion\u003cbr\u003e\u003cbr\u003eAre you a developer searching for an admin dashboard template that streamlines your workflow and provides extensive customization options? Look no further than PrimeDash. We've meticulously designed this template to meet the needs of developers, ensuring it's both versatile and feature-rich. With PrimeDash, you can create stunning applications with minimal effort.\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003eUnmatched Developer-Friendliness\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003ePrimeDash is tailored to the needs of developers, making it your ideal partner for crafting exceptional admin dashboards. We've incorporated the latest \u003cstrong\u003eVue 3, Laravel 12\u003c\/strong\u003e and \u003cstrong\u003eVuetify 4\u003c\/strong\u003e technologies, adhering to industry best practices to offer a template that is:\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFast: \u003c\/strong\u003eYour development process will be efficient, thanks to PrimeDash's optimized performance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUser-Friendly: \u003c\/strong\u003eNavigating and working with PrimeDash is intuitive and straightforward.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHighly Scalable: PrimeDash grows with you as your projects grow\u003c\/strong\u003e, providing the scalability you need.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eEndless Possibilities\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003eWith \u003cstrong\u003ePrimeDash\u003c\/strong\u003e, the possibilities are limitless. You can easily build various types of web applications, including:\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaaS Platforms: \u003c\/strong\u003eLaunch your software as a service with confidence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProject Management Apps: \u003c\/strong\u003eStreamline project coordination and task management.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE-commerce Backends: \u003c\/strong\u003eCreate robust and secure e-commerce platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCRM Systems: \u003c\/strong\u003eManage customer relationships effortlessly.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalytics Apps: \u003c\/strong\u003eDive deep into data analysis with powerful tools.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBanking Apps: \u003c\/strong\u003eBuild secure and feature-rich banking applications.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEducation Apps: \u003c\/strong\u003eEnhance the learning experience with educational platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFitness Apps: \u003c\/strong\u003eHelp users achieve their fitness goals with tailored applications.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eResponsive Excellence\u003c\/h2\u003e\u003cdiv\u003eYour applications built with PrimeDash will shine on all devices. They will be fully responsive, ensuring a flawless user experience on desktops, tablets, and mobile devices alike.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\u003cdiv\u003ePrimeDash Admin Dashboard Template is the ultimate choice for developers looking to create premium-quality applications with ease. Experience the convenience, flexibility, and power of PrimeDash, and elevate your development projects to new heights.\u003cbr\u003e\u003ch2\u003eMake the Most of Our Innovative Features with PrimeDash\u003c\/h2\u003ePrimeDash is equipped with a wealth of innovative features, carefully designed to empower you in crafting premium-quality applications precisely as you envision them. Our admin template is loaded with unique and invaluable tools that enhance your development experience. Here are some of the standout features you'll find:\u003c\/div\u003e\u003cul\u003e\n\u003cli\u003eBased on \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVueJS 3, Vuetify 4 \u0026amp; Laravel 12\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003c\/strong\u003eComplete\u003cstrong\u003e InertiaJs \u003c\/strong\u003eIntegration\u003c\/li\u003e\n\u003cli\u003eLaravel \u003cstrong\u003eBreeze\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e2 Dashboard \u003c\/span\u003e\u003cspan style=\"box-sizing: border-box;\"\u003eand\u003c\/span\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e 9 Applications\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003eCreated with \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVite 5\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eTypeScript Support\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003eComposition API\u003c\/li\u003e\n\u003cli\u003eUtilizes \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVue Router, Vite, VueUse, Pinia\u003c\/span\u003e, etc.\u003c\/li\u003e\n\u003cli\u003eDatatable\u003c\/li\u003e\n\u003cli\u003eWizard pages\u003c\/li\u003e\n\u003cli\u003eNo jQuery Dependency\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003cli\u003eMulti-lingual Support\u003c\/li\u003e\n\u003cli\u003e2 chart libraries\u003c\/li\u003e\n\u003cli\u003eTwo types of Auth Pages\u003c\/li\u003e\n\u003cli\u003eMaterial Icons\u003c\/li\u003e\n\u003cli\u003eUnlimited Color Options\u003c\/li\u003e\n\u003cli\u003eFully Responsive Layout\u003c\/li\u003e\n\u003cli\u003eOrganized Folder Structure\u003c\/li\u003e\n\u003cli\u003eClean \u0026amp; Commented Code\u003c\/li\u003e\n\u003cli\u003eWell Documented\u003c\/li\u003e\n\u003cli\u003eAlso, 6 months of free support included\u003c\/li\u003e\n\u003cli\u003eEnjoy hassle-free support\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003ePackage Contains\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eTypeScript Version\u003c\/strong\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFull version\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStarter-kit\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eJavaScript Version\u003c\/strong\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFull Version\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eStarter-kit\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDocumentation\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eREADME.md\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\u003cp\u003eIf you have any queries about this template. Please create a support ticket here: \u003ca href=\"https:\/\/docs.icreatorstudio.com\/guide\/support.html\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"support\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":44352722239710,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":44352722272478,"sku":null,"price":109.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":44352722305246,"sku":null,"price":299.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/7d7jCAQdY6.jpg?v=1717605334"},{"product_id":"primedash-admin-template-bundle-vuejs-vuejs-laravel","title":"PrimeDash - Vuetify 4 - Laravel Bundle","description":"\u003cp style=\"box-sizing: border-box; color: #788188; margin: 0px 0px 19.4444px; font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px;\"\u003e\u003cspan style=\"box-sizing: border-box; color: #000000; font-size: 14pt;\"\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eBundle of Admin Dashboard Templates\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cdiv\u003e\n\u003cspan style=\"box-sizing: border-box; color: #000000; font-size: 14pt;\"\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e\u003cspan style=\"box-sizing: border-box; color: #008000; font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px;\"\u003e\u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-bundle-admin-template\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"PrimeDash VueJs Live Preview\" style=\"box-sizing: border-box; background-color: transparent; touch-action: manipulation; color: #008000; opacity: 0.6; border-bottom: 1px solid currentcolor; padding-bottom: 1px;\"\u003ePrimeDash Live Preview\u003c\/a\u003e\u003c\/span\u003e\u003cspan style=\"color: #ff0000; font-size: 16px;\"\u003e\u003ca href=\"https:\/\/lara.icreatorstudio.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"PrimeDash Laravel Live Preview\" style=\"font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px; background-color: transparent; box-sizing: border-box; touch-action: manipulation; color: #ff0000; opacity: 0.6; border-bottom: 1px solid currentcolor; padding-bottom: 1px;\"\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003eUpdated on: 17 May\u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e 2026\u003c\/span\u003e\u003cbr\u003e\u003c\/span\u003e\u003cbr\u003eReleased on: 25 Aug \u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e2023\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cbr\u003e\u003cimg src=\"https:\/\/github.com\/user-attachments\/assets\/782d3d8d-8c80-48f6-99e8-ab567e68576e\" alt=\"primedash-banner\"\u003e\u003cbr\u003e\u003cbr\u003ePrimeDash Admin Dashboard Template – Your Ultimate Development Companion\u003cbr\u003e\u003cbr\u003eAre you a developer searching for an admin dashboard template that streamlines your workflow and provides extensive customization options? Look no further than PrimeDash. We've meticulously designed this template to meet the needs of developers, ensuring it's both versatile and feature-rich. With PrimeDash, you can create stunning applications with minimal effort.\u003cbr\u003e\u003c\/span\u003e\n\u003c\/div\u003e\u003ch2\u003eUnmatched Developer-Friendliness\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003ePrimeDash is tailored to the needs of developers, making it your ideal partner for crafting exceptional admin dashboards. We've incorporated the latest Vue 3, Laravel 12, and Vuetify 4 technologies, adhering to industry best practices to offer a template that is:\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eFast: \u003c\/strong\u003eYour development process will be efficient, thanks to PrimeDash's optimized performance.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eUser-Friendly: \u003c\/strong\u003eNavigating and working with PrimeDash is intuitive and straightforward.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHighly Scalable: PrimeDash grows with you as your projects grow\u003c\/strong\u003e, providing the scalability you need.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eEndless Possibilities\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003eWith PrimeDash, the possibilities are limitless. You can easily build various types of web applications, including:\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSaaS Platforms: \u003c\/strong\u003eLaunch your software as a service with confidence.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eProject Management Apps: \u003c\/strong\u003eStreamline project coordination and task management.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eE-commerce Backends: \u003c\/strong\u003eCreate robust and secure e-commerce platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCRM Systems: \u003c\/strong\u003eManage customer relationships effortlessly.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAnalytics Apps: \u003c\/strong\u003eDive deep into data analysis with powerful tools.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBanking Apps: \u003c\/strong\u003eBuild secure and feature-rich banking applications.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEducation Apps: \u003c\/strong\u003eEnhance the learning experience with educational platforms.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFitness Apps: \u003c\/strong\u003eHelp users achieve their fitness goals with tailored applications.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eResponsive Excellence\u003c\/h2\u003e\u003cdiv\u003eYour applications built with PrimeDash will shine on all devices. They will be fully responsive, ensuring a flawless user experience on desktops, tablets, and mobile devices alike.\u003cbr\u003e\u003cbr\u003e\n\u003c\/div\u003e\u003cdiv\u003ePrimeDash Admin Dashboard Template is the ultimate choice for developers looking to create premium-quality applications with ease. Experience the convenience, flexibility, and power of PrimeDash, and elevate your development projects to new heights.\u003cbr\u003e\u003ch2\u003eMake the Most of Our Innovative Features with PrimeDash\u003c\/h2\u003ePrimeDash is equipped with a wealth of innovative features, carefully designed to empower you in crafting premium-quality applications precisely as you envision them. Our admin template is loaded with unique and invaluable tools that enhance your development experience. Here are some of the standout features you'll find:\u003c\/div\u003e\u003cul\u003e\n\u003cli\u003eBased on \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVueJS 3, Vuetify 4 \u0026amp; Laravel 12\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e2 Dashboard \u003c\/span\u003eand \u003cstrong\u003e8 Applications\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eComplete InertiaJs implementation\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLaravel Breeze\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eCreated with \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVite 5\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eTypeScript Support\u003c\/span\u003e\u003c\/li\u003e\n\u003cli\u003eComposition API\u003c\/li\u003e\n\u003cli\u003eUtilizes \u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eVue Router, Vite, VueUse, Pinia\u003c\/span\u003e, etc.\u003c\/li\u003e\n\u003cli\u003eDatatable\u003c\/li\u003e\n\u003cli\u003eWizard pages\u003c\/li\u003e\n\u003cli\u003eNo jQuery Dependency\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003cli\u003eMulti-lingual Support\u003c\/li\u003e\n\u003cli\u003e2 chart libraries\u003c\/li\u003e\n\u003cli\u003eTwo types of Auth Pages\u003c\/li\u003e\n\u003cli\u003eMaterial Icons\u003c\/li\u003e\n\u003cli\u003eUnlimited Color Options\u003c\/li\u003e\n\u003cli\u003eFully Responsive Layout\u003c\/li\u003e\n\u003cli\u003eOrganized Folder Structure\u003c\/li\u003e\n\u003cli\u003eClean \u0026amp; Commented Code\u003c\/li\u003e\n\u003cli\u003eWell Documented\u003c\/li\u003e\n\u003cli\u003eAlso, 6 months of free support included\u003c\/li\u003e\n\u003cli\u003eEnjoy hassle-free support\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003ePackage Contains\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eLaravel Version\u003c\/strong\u003e\u003cbr\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cb\u003eTypeScript Version\u003c\/b\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cb\u003eFull version\u003c\/b\u003e\u003cb\u003e\u003c\/b\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eStarter-kit\u003c\/b\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eJavascript Version\u003c\/b\u003e\u003cul\u003e\n\u003cli\u003e\u003cb\u003eFull version\u003c\/b\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eStarter-kit\u003c\/b\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eVuejs version\u003c\/b\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cb\u003eTypeScript Version\u003c\/b\u003e\u003cul\u003e\n\u003cli\u003e\u003cb\u003eFull version\u003c\/b\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cb\u003eStarter-kit\u003c\/b\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eJavaScript Version\u003c\/b\u003e\u003cul\u003e\n\u003cli\u003e\u003cb\u003eFull version\u003c\/b\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eStarter-kit\u003c\/b\u003e\u003cb\u003e\u003c\/b\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDocumentation\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eREADME.md\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\u003cp\u003eIf you have any queries about this template. Please create a support ticket here: \u003ca href=\"https:\/\/docs.icreatorstudio.com\/guide\/support.html\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"support\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":44363680055518,"sku":"","price":69.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":44363680088286,"sku":null,"price":149.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":44363680121054,"sku":"","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/fN8PpaQoNH.jpg?v=1717607004"},{"product_id":"mantis-vue3-typescript-based-admin-dashboard-template","title":"Mantis - Vuetify 4 - Admin Dashboard","description":"\u003cp\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/mantisdashboard.com\/vue\/\" title=\"Mantis - Vue3 Typescript based Admin Dashboard Template\" rel=\"noopener noreferrer\" target=\"_blank\"\u003ePREVIEW THEME\u003c\/a\u003e\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eUnleash the potential of your projects with Mantis, a cutting-edge solution that goes beyond the ordinary. This template isn't just about professional design and flexibility – it's a gateway to innovation. With a rich library of over 200 Vuetify components and five conceptual apps, Mantis equips you with a versatile toolkit for crafting unique, feature-rich applications. Its advanced features, including authentication methods, code splitting, and internationalization support, redefine the possibilities of backend development. The seamless integration of Vue 3 Composition API, Google Fonts, and Prettier Code Style elevates coding to an art form. Mantis isn't just a template; it's a transformative experience backed by comprehensive documentation.\u003cbr\u003e\u003cbr\u003eNote: \u003c\/strong\u003e\u003cem\u003eFigma is available to buy separately from here: \u003ca href=\"https:\/\/codedthemes.com\/item\/mantis-figma-ui-kit\/\" rel=\"noopener noreferrer\" target=\"_blank\"\u003eCheck Now\u003c\/a\u003e. You will get a discount if you purchase a theme. Check your downloaded zip for more.\u003c\/em\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003eKey Features:\u003c\/strong\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eProfessional Design:\u003c\/strong\u003e Mantis boasts a fully professional-grade user interface, making it the ideal choice for any backend project.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFlexible Solution:\u003c\/strong\u003e Enjoy unparalleled flexibility when working with the Mantis Vue Template, adapting effortlessly to your project's unique requirements.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEffective Documentation:\u003c\/strong\u003e Need assistance? Explore our comprehensive Documentation guide for step-by-step guidance and best practices.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eDesigned for Efficiency:\u003c\/strong\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e128+ Pages:\u003c\/strong\u003e Explore a wealth of handcrafted, user-friendly pages designed to elevate your project's user experience.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e200+ Vuetify 4 Components:\u003c\/strong\u003e Harness the power of Vuetify Vue, the most popular Vue platform, with a diverse library of over 200 components.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e5+ Conceptual Apps:\u003c\/strong\u003e Discover five fully functional apps tailored to complement your Vue project seamlessly.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cstrong\u003eEmpowering Your Backend Project:\u003c\/strong\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eVersatile Auth Methods:\u003c\/strong\u003e Choose from a range of authentication methods to suit your project's security needs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCode Splitting:\u003c\/strong\u003e Optimize your application's performance with efficient code splitting techniques.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eCRUD Application:\u003c\/strong\u003e Streamline data management with built-in Create, Read, Update, and Delete functionality.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eInternationalization Support:\u003c\/strong\u003e Reach a global audience with built-in internationalization support.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmart Search:\u003c\/strong\u003e Enable users to find information swiftly with an intelligent search feature.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDynamic Theming:\u003c\/strong\u003e Seamlessly switch between Light, Dark, or Semi-Dark themes to suit user preferences.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eVue 3 Composition API:\u003c\/strong\u003e Leverage the power of Vue 3 Composition API for efficient state management.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoogle Fonts Integration:\u003c\/strong\u003e Enhance typography with a vast selection of Google Fonts.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePrettier Code Style:\u003c\/strong\u003e Maintain a consistent and aesthetically pleasing codebase with Prettier Code Style.\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003eCreate a powerful backend project with the robust design system of the Mantis Vue Template, offering unparalleled flexibility, functionality, and a visually stunning user interface.\u003c\/p\u003e","brand":"codedthemes","offers":[{"title":"Personal Use","offer_id":44682140188894,"sku":"","price":69.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":44682140221662,"sku":"","price":299.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":44682140254430,"sku":"","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/products\/qP0ROmEy78.jpg?v=1708077680"},{"product_id":"spike-vuejs-admin-dashboard","title":"Spike Vue 3 + Vuetify 4 Admin Dashboard","description":"\u003cp\u003e\u003ca href=\"https:\/\/spike-vue-main.netlify.app\/\" target=\"_blank\" title=\"Material Pro\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #346bff, #1f99e5);\"\u003eLive Demo\u003c\/a\u003e \u003ca href=\"https:\/\/wrappixel.github.io\/premium-documentation-wp\/vue\/spike\/index.html\" target=\"_blank\" title=\"Spike\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border-radius: 10px; color: #346bff; border: 2px solid #346bff;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"#changelog\" style=\"padding: 10px 20px; border-radius: 10px; color: #fff; background-color: #000;\"\u003eChangelog\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eUpdated on: 25\u003c\/strong\u003e\u003cb\u003e Aug 2026\u003c\/b\u003e\u003c\/p\u003e\u003cp\u003eDo you want to create a stunning and eye-catchy Vue.Js Admin Dashboard for your next web app project? If yes, then we have the perfect solution for you. Spike Vue.Js Admin Dashboard is a pre-built, ready-to-use, highly customizable and developer friendly admin template. This admin dashboard template provides you the perfect combo of features that are easy to use.\u003c\/p\u003e\u003cp\u003eThis template is fully responsive and developed using the latest web technologies. It comes with a variety of pre-built UI components, app designs, dashboard designs, forms and menus.\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cstrong\u003eJoin our \u003cspan style=\"color: #3366ff;\"\u003e\u003ca href=\"https:\/\/discord.com\/invite\/eMzE8F6Wqs\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #3366ff; text-decoration: underline;\"\u003eDiscord server\u003c\/a\u003e\u003c\/span\u003e to connect with us in real time.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Starterkit (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFigma Design For Most of Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eDocumentation\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBox \u0026amp; Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e100% Responsive.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, mini-sidebar navigation options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eEasy to customize code as per your requirement\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e65+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e12+ conceptual Apps like E-commerce, Invoice, Chat, User Profile, Kanban, Notes, Calendar, Blog and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with Multilevel Menu support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for ltr \/ rtl, light dark, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e2 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like CRUD, Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAuthentication pages - Login, Register, Forget \u0026amp; Reset the password, Two Step verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages, Error Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVuetify - v4.1.8\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVuejs - v3.5.41\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVite - v8.2.1\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003ePinia - v4.0.2\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eTypescript - v5.9.3\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit; margin-bottom: 0px;\"\u003eAxios - v1.19.0\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2\u003e\u003cstrong\u003eSupport \u0026amp; updates\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eOnce you purchase the template, you will get technical support. It includes\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eBug fixes or any other help - you can submit \u003c\/span\u003e\u003ca href=\"https:\/\/wrappixel.com\/support\"\u003e\u003cspan style=\"font-weight: 400;\"\u003etickets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\u003c\/ul\u003e\u003cbr\u003e\u003ch2 id=\"changelog\"\u003e\u003cstrong\u003eChangelog:\u003cbr\u003e\u003c\/strong\u003e\u003c\/h2\u003e\u003ch3\u003eVersion 6.0.0 (25th Aug 2026)\u003c\/h3\u003e\u003cul style=\"box-sizing: inherit; list-style-position: inside; padding-left: 2rem; color: #1a1a1a; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.6px;\"\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpgraded all packages and dependencies to their latest compatible versions.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpdated to Vuetify 4.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eMigrated the codebase to Vuetify 4 and checked full compatibility.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpdated typography and elevation styles to match Vuetify 4's new design system.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eModernized SCSS architecture for cleaner, faster builds.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed build and runtime errors caused by outdated dependencies.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed several broken and outdated links.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed issues across dashboards, front-end pages, and apps screens.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eOverall design and layout fixes across the template.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eResolved all errors introduced after the update.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit; margin-bottom: 0px;\"\u003eUpdated Main Demo, Starterkit, Dark, Horizontal, Mini Sidebar, and RTL versions.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eVersion 5.2.0 (30th April 2025)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003cli\u003eFixed minor bug\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 5.1.0 (26th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eIncreased Run Timing Speed\u003c\/li\u003e\n\u003cli\u003eRemoved Runtime warning\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 5.0.0 (14th Oct 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.5.7\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.7.1\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"vite\": \"5.4.8\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Pinia\": \"2.2.2\",\u003c\/li\u003e\n\u003cli\u003eAdd New Apps\u003cul\u003e\n\u003cli\u003eInvoice app Added\u003c\/li\u003e\n\u003cli\u003eTickets app Added\u003c\/li\u003e\n\u003cli\u003eEmail app Added\u003c\/li\u003e\n\u003cli\u003eUpdated Calendar App\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdded New Frontend Pages\u003cul\u003e\n\u003cli\u003eHomepage\u003c\/li\u003e\n\u003cli\u003eAbout Us page\u003c\/li\u003e\n\u003cli\u003eContact Page\u003c\/li\u003e\n\u003cli\u003ePortfolio Page\u003c\/li\u003e\n\u003cli\u003ePricing Page\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 4.0.0 (4th Sept 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.38\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.7.1\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"vite\": \"5.4.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Pinia\": \"2.2.2\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Typescript\": \"5.5.4\",\u003c\/li\u003e\n\u003cli\u003eUpdated \"Axios\": \"1.7.6\",\u003c\/li\u003e\n\u003cli\u003eAdd New Pages\u003cul\u003e\n\u003cli\u003eGallery Lightbox\u003c\/li\u003e\n\u003cli\u003eSearch Results\u003c\/li\u003e\n\u003cli\u003eSocial Contacts\u003c\/li\u003e\n\u003cli\u003eTreeview\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd New Form Elements\u003cul\u003e\n\u003cli\u003eTimepicker\u003c\/li\u003e\n\u003cli\u003eStepper\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdd Light\/Dark theme toggle on header\u003c\/li\u003e\n\u003cli\u003eAdd New 2 pages in ecommerce app\u003cul\u003e\n\u003cli\u003eAdd Product\u003c\/li\u003e\n\u003cli\u003eEdit Product\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eUpdate product list app using vuetify 3 datatable in ecommerce app and remove vue3-easy-data-table package\u003c\/li\u003e\n\u003cli\u003eAdd new snackbar on dashboard page load [welcome alert]\u003c\/li\u003e\n\u003cli\u003eAdd scroll to top of the page when click on sidebar link\u003c\/li\u003e\n\u003cli\u003eSolve some minor bug\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 3.0.0 (22nd Feb 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated \"vue\": \"3.4.17\"\u003c\/li\u003e\n\u003cli\u003eUpdated \"vuetify\": \"3.5.3\",\u003c\/li\u003e\n\u003cli\u003eUpdated calendar app\u003c\/li\u003e\n\u003cli\u003eAdded CRUD datatable\u003c\/li\u003e\n\u003cli\u003eAdded Filterable table in data table filtering table page\u003c\/li\u003e\n\u003cli\u003eOther packages version updated\u003c\/li\u003e\n\u003cli\u003eUpdated datatables as per latest vuetify \u0026amp; removed vuetify\/labs\/VDataTable lab dependency\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.0 (20th Sep 2023)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eInitial Release\u003c\/li\u003e\u003c\/ul\u003e","brand":"WrapPixel","offers":[{"title":"Personal Use","offer_id":45364266795230,"sku":"personal","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":45364266827998,"sku":"Commercial","price":99.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":45364266860766,"sku":"Unlimited","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/HRbOPCYIHv.jpg?v=1739947693"},{"product_id":"official-vuetify-4-ui-kit-for-figma","title":"Official Vuetify 4 UI Kit for Figma v4.0 — Pro Edition","description":"\u003ch2\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cstrong data-start=\"330\" data-end=\"387\"\u003eVuetify UI Kit 4.0 – The Next Level of Design Systems\u003c\/strong\u003e ✨\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e⚡ Important Update:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003eBy downloading this product, you will receive both included versions:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"isSelectedEnd\"\u003e\u003cstrong\u003e- UI Kit for Figma — Version 3 + the new Version 4\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong data-start=\"471\" data-end=\"485\"\u003eT\u003cmeta charset=\"utf-8\"\u003ehis ensures compatibility with existing projects while giving you immediate access to the latest updates, improvements, and new components included in V4.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong data-start=\"471\" data-end=\"485\"\u003eNote:\u003c\/strong\u003e \u003cstrong\u003eThe UI Kit includes only core components.\u003c\/strong\u003e\u003cbr data-start=\"527\" data-end=\"530\"\u003e\u003cstrong\u003eIf you’re looking for Snips as well, \u003ca href=\"https:\/\/store.vuetifyjs.com\/products\/official-vuetify-snips-for-figma\" title=\"Vuetify Snips for Figma\"\u003e\u003cem data-start=\"567\" data-end=\"592\"\u003eVuetify Snips for Figma\u003c\/em\u003e\u003c\/a\u003e includes both the UI Kit and all Snips blocks together.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"393\" data-end=\"693\"\u003eReady to supercharge your design workflow? The brand-new \u003cstrong data-start=\"450\" data-end=\"472\"\u003eVuetify UI Kit 4.0\u003c\/strong\u003e is here — rebuilt, expanded, and more customizable than ever. Fully optimized for Figma and based on \u003cstrong data-start=\"574\" data-end=\"593\"\u003eMaterial Design - Vuetify\u003c\/strong\u003e, this update unlocks professional-grade flexibility for apps, dashboards, and modern websites. 🚀\u003c\/p\u003e\n\u003ch3 data-start=\"695\" data-end=\"1528\"\u003e\n\u003cstrong data-start=\"695\" data-end=\"717\"\u003eWhat’s New in 4.0:\u003c\/strong\u003e\u003cstrong data-start=\"695\" data-end=\"717\"\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp data-start=\"695\" data-end=\"1528\"\u003e\u003cmeta charset=\"utf-8\"\u003e🧩 \u003cstrong data-start=\"1341\" data-end=\"1370\"\u003eAll Components \u0026amp; Variants:\u003c\/strong\u003e Every component, every variant, \u003cstrong\u003efully supported and compatibility\u003c\/strong\u003e with Vuetify.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eTypography\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp data-start=\"695\" data-end=\"1528\"\u003e\u003cstrong\u003eElevations \u003c\/strong\u003e \u003cbr\u003e\u003cbr\u003e🎛️ \u003cstrong data-start=\"1428\" data-end=\"1451\"\u003eSmart Customization:\u003c\/strong\u003e colors, scalable options, and effortless adaptability.\u003cbr\u003e\u003cbr data-start=\"717\" data-end=\"720\"\u003e🎨 \u003cstrong data-start=\"723\" data-end=\"752\"\u003eFull MD Color Foundations:\u003c\/strong\u003e All Material Design colors at your fingertips. \u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eand following guidelines that are more in line with Material Design\u003c\/strong\u003e\u003cbr\u003e\u003cbr data-start=\"801\" data-end=\"804\"\u003e🌗 \u003cstrong data-start=\"807\" data-end=\"822\"\u003eDual Themes:\u003c\/strong\u003e Light and Dark modes, instantly switchable.\u003cbr\u003e\u003cbr data-start=\"868\" data-end=\"871\"\u003e🌈 \u003cstrong data-start=\"874\" data-end=\"899\"\u003eExtended Color System:\u003c\/strong\u003e Default, Primary, Secondary, Custom, Error, Warning, Info, Success.\u003cbr\u003e\u003cbr data-start=\"969\" data-end=\"972\"\u003e⚡ \u003cstrong data-start=\"974\" data-end=\"997\"\u003eRich States Support: \u003c\/strong\u003eEnabled, Disabled, Active\/Focus, Hover.\u003cbr\u003e\u003cbr data-start=\"1039\" data-end=\"1042\"\u003e📏 \u003cstrong data-start=\"1045\" data-end=\"1073\"\u003eFlexible Sizes \u0026amp; Density:\u003c\/strong\u003e From X\/Small to X\/Large, plus Default, Comfortable, and Compact density.\u003cbr\u003e\u003cbr data-start=\"1148\" data-end=\"1151\"\u003e⬜ \u003cstrong data-start=\"1153\" data-end=\"1180\"\u003eAdvanced Border Options: \u003c\/strong\u003eControl color, width (xs–xl), opacity (0–100) and radius (square, xs–xl, pill, circle).\u003cbr\u003e\u003cbr data-start=\"1271\" data-end=\"1274\"\u003e🛡️ \u003cstrong data-start=\"1278\" data-end=\"1294\"\u003eError States:\u003c\/strong\u003e Full error handling across components.\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e\n\u003cimg height=\"318\" width=\"588\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/Background_figmavuetify.png?v=1758564969\" alt=\"\" style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003cmeta charset=\"utf-8\"\u003e \u003cbr\u003e\u003cbr\u003e\u003cstrong data-end=\"1556\" data-start=\"1530\"\u003eWhy Upgrade to 4.0? ❤️\u003cmeta charset=\"utf-8\"\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli data-end=\"1646\" data-start=\"1561\"\u003e\n\u003cstrong data-end=\"1586\" data-start=\"1561\"\u003eUltimate Flexibility:\u003c\/strong\u003e More colors, more sizes, more states—tailor every detail.\u003c\/li\u003e\n\u003cli data-end=\"1646\" data-start=\"1561\"\u003e\n\u003cstrong\u003eFuture-Ready:\u003c\/strong\u003e Perfect for modern apps, e-commerce stores, and high-impact dashboards.\u003c\/li\u003e\n\u003cli data-end=\"1646\" data-start=\"1561\"\u003e\n\u003cstrong data-end=\"1674\" data-start=\"1649\"\u003eStreamlined Workflow:\u003c\/strong\u003e Organized with Material Design logic, keeping your design system clean and powerful.\u003cspan style=\"font-family: -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; font-size: 0.875rem;\"\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eWhat’s Inside:\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e150+ Essential Components\u003c\/strong\u003e: From buttons, forms, and tables to complex elements like carousels, steppers, and timelines.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAll the Variants You’ll need\u003c\/strong\u003e: Supports multiple variants (\u003ccode\u003eflat\u003c\/code\u003e, \u003ccode\u003eelevated\u003c\/code\u003e, \u003ccode\u003eoutlined\u003c\/code\u003e, and more) for versatile designs.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSmart Variables \u0026amp; Themes\u003c\/strong\u003e: Enjoy built-in themes (light and dark) with color variables for primary, secondary, and custom palettes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eScalable Customization\u003c\/strong\u003e: With densities, states, and sizes (\u003ccode\u003ex-small\u003c\/code\u003e to \u003ccode\u003ex-large\u003c\/code\u003e), create perfectly tailored UI elements for any project.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"1944\" data-start=\"1857\"\u003e👉 Start creating with \u003cstrong data-end=\"1902\" data-start=\"1880\"\u003eVuetify UI Kit 4.0\u003c\/strong\u003e and design faster, smarter, and bolder.\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003cmeta charset=\"utf-8\"\u003e👉 Reach us on \u003ca href=\"https:\/\/discord.gg\/jTRbBUdwK\" target=\"_blank\" rel=\"noopener\"\u003eDiscord\u003c\/a\u003e to share your questions, ideas, or feedback.\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Juan J Cardona","offers":[{"title":"Personal License","offer_id":46024743485662,"sku":null,"price":89.0,"currency_code":"USD","in_stock":true},{"title":"Commercial License","offer_id":46024743518430,"sku":"","price":279.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited License","offer_id":46024743551198,"sku":null,"price":549.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/MainPreviewUIKit.png?v=1777909769"},{"product_id":"materialm-vuejs-vuetify-admin-template","title":"MaterialM - Vuetify 4 - Admin Template","description":"\u003cp\u003e\u003ca href=\"https:\/\/materialm-vue-main.netlify.app\/dashboards\/analytics\" target=\"_blank\" title=\"Materialm vuejs\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #346bff, #1f99e5);\"\u003eLive Demo\u003c\/a\u003e \u003ca href=\"https:\/\/wrappixel.github.io\/premium-documentation-wp\/vue\/materialm\/index.html\" target=\"_blank\" title=\"Materialm vuejs\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border-radius: 10px; color: #346bff; border: 2px solid #346bff;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"#changelog\" style=\"padding: 10px 20px; border-radius: 10px; color: #fff; background-color: #000;\"\u003eChangelog\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eUpdated on: \u003c\/strong\u003e\u003cb\u003e18 Aug 2026\u003c\/b\u003e\u003c\/p\u003e\u003cp\u003eAre you looking to create a visually stunning and highly functional Vue.js Admin Dashboard for your next web app project? Look no further! The Materialm Vue.js Admin Dashboard is a pre-built, ready-to-use, and highly customizable template designed to streamline your development process.\u003c\/p\u003e\u003cp\u003ePacked with powerful features, this developer-friendly admin template offers a seamless user experience. It includes a rich collection of pre-built UI components, app designs, dashboard layouts, forms, and menus—all crafted using the latest web technologies.\u003c\/p\u003e\u003cp\u003eMaterialm Vue.js Admin Dashboard is fully responsive and optimized for all devices. Plus, it comes with a 100% money-back guarantee, one year of free updates, and dedicated support, ensuring a worry-free experience. Get started today and build your next web application with ease!\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cstrong\u003eJoin our \u003cspan style=\"color: #3366ff;\"\u003e\u003ca href=\"https:\/\/discord.com\/invite\/eMzE8F6Wqs\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #3366ff; text-decoration: underline;\"\u003eDiscord server\u003c\/a\u003e\u003c\/span\u003e to connect with us in real time.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Starterkit (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFigma Design For Most of Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eDocumentation\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBox \u0026amp; Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e100% Responsive.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, mini-sidebar navigation options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eEasy to customize code as per your requirement\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e65+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e12+ conceptual Apps like E-commerce, Invoice, Chat, User Profile, Kanban, Notes, Calendar, Blog and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with Multilevel Menu support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for ltr \/ rtl, light dark, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e3 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like CRUD, Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAuthentication pages - Login, Register, Forget \u0026amp; Reset the password, Two Step verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages, Error Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Material Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVuetify - v4.1.8\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVuejs - v3.5.41\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eVite - v8.2.1\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003ePinia - v4.0.2\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eTypescript - v5.9.3\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit; margin-bottom: 0px;\"\u003eAxios - v1.19.0\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2 id=\"changelog\"\u003e\u003cstrong\u003eChangelog:\u003cbr\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/h2\u003e\u003ch3\u003eVersion 3.0.0 (18th Aug 2026)\u003c\/h3\u003e\u003cul style=\"box-sizing: inherit; list-style-position: inside; padding-left: 2rem; color: #1a1a1a; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0.6px;\"\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpgraded all packages and dependencies to their latest compatible versions.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpdated to Vuetify 4.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eMigrated the codebase to Vuetify 4 and checked full compatibility.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eUpdated typography and elevation styles to match Vuetify 4's new design system.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eModernized SCSS architecture for cleaner, faster builds.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed build and runtime errors caused by outdated dependencies.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed several broken and outdated links.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eFixed issues across dashboards, front-end pages, and apps screens.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eOverall design and layout fixes across the template.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit;\"\u003eResolved all errors introduced after the update.\u003c\/li\u003e\n\u003cli style=\"box-sizing: inherit; font-family: inherit; font-weight: inherit; list-style: inherit; margin-bottom: 0px;\"\u003eUpdated Main Demo, Starterkit, Dark, Horizontal, Mini Sidebar, and RTL versions.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eVersion 2.2.0 (30th April 2025)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.1.0 (26th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eIncreased Run Timing Speed\u003c\/li\u003e\n\u003cli\u003eRemoved Runtime warning\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.0.0 (14th Oct 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated Packages\u003cul\u003e\n\u003cli\u003eVue.js - 3.5.7\u003c\/li\u003e\n\u003cli\u003eVuetify - 3.7.1\u003c\/li\u003e\n\u003cli\u003eVite - 5.4.8\u003c\/li\u003e\n\u003cli\u003ePinia - 2.2.2\u003c\/li\u003e\n\u003cli\u003eTypescript - 5.3.3\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdded New Apps\u003cul\u003e\n\u003cli\u003eInvoice app added\u003c\/li\u003e\n\u003cli\u003eTickets app added\u003c\/li\u003e\n\u003cli\u003eEmail app added\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdded Frontend Pages\u003cul\u003e\n\u003cli\u003eHomepage\u003c\/li\u003e\n\u003cli\u003eAbout\u003c\/li\u003e\n\u003cli\u003eContact\u003c\/li\u003e\n\u003cli\u003ePortfolio\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003cli\u003eBlog\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eUpdated Calendar App\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.0.0 (26th Sept 2024)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eInitial Release\u003c\/li\u003e\u003c\/ul\u003e","brand":"WrapPixel","offers":[{"title":"Personal Use","offer_id":46283669733598,"sku":"personal","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":46283669766366,"sku":"Commercial","price":99.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":46283669799134,"sku":"Unlimited","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/Gp2LDd9Tex.png?v=1739870681"},{"product_id":"matdash-vuetify-3-vue-3-admin-dashboard","title":"MatDash - Vuetify 4 - Admin Dashboard","description":"\u003cp\u003e\u003ca href=\"https:\/\/matdash-vuetify-main.netlify.app\/\" target=\"_blank\" title=\"Matdash Vue3\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #fff; background-image: linear-gradient(to right, #346bff, #1f99e5);\"\u003eLive Demo\u003c\/a\u003e \u003ca href=\"https:\/\/adminmart.github.io\/premium-documentation\/vue\/matdash\/index.html\" target=\"_blank\" title=\"Matdash vue3\" rel=\"noopener noreferrer\" style=\"padding: 10px 20px; border-radius: 10px; color: #346bff; border: 2px solid #346bff;\"\u003eDocumentation\u003c\/a\u003e \u003ca href=\"#changelog\" style=\"padding: 10px 20px; border-radius: 10px; color: #fff; background-color: #000;\"\u003eChangelog\u003c\/a\u003e\u003c\/p\u003e\u003cbr\u003e\u003cp\u003e\u003cstrong\u003eUpdated on: 25\u003c\/strong\u003e\u003cb\u003eth Aug 2026\u003c\/b\u003e\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 18pt;\"\u003eMatdash Vue3 + Vuetify 4 + Vite + Typescript based Admin Template\u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eThe matdash version of the Vue3 + Vuetify4 admin dashboard template provides a fast and efficient development experience with features like Vuejs 3+, Vite.js, Typescript, Vuetify 4+, code splitting, Google Fonts, and an easy folder structure. With these features, you can create your web application faster and with less hassle, while still maintaining a clear and organized code structure.\u003c\/p\u003e\u003cp\u003e\u003cspan style=\"font-size: 12pt;\"\u003e\u003cstrong\u003eJoin our \u003cspan style=\"color: #3366ff;\"\u003e\u003ca href=\"https:\/\/discord.com\/invite\/XujgB8ww4n\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #3366ff; text-decoration: underline;\"\u003eDiscord server\u003c\/a\u003e\u003c\/span\u003e to connect with us in real time.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch2\u003e\u003cstrong\u003ePackage Includes\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eThe download package includes the following\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFull \u0026amp; Starterkit (All licenses).\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eFigma Design For Most of Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eDocumentation\u003c\/li\u003e\n\u003c\/ul\u003e\u003cimg src=\"https:\/\/wrappixelteam.github.io\/marketplace-images\/vuejs\/matdash\/matdash-vuejs-desc-img.jpg\" alt=\"features\"\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eFeatures\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e6+ Color Presets.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eBox \u0026amp; Fluid layout options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLight \/ Dark Layouts.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e100% Responsive.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eCustomized Vuetify components.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003ePre-build useful pages \u0026amp; Apps.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eVertical, Horizontal, mini-sidebar navigation options.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003eEasy to customize code as per your requirement\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eWell-Commented code style.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eInternationalization (i18n) Support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e65+ Ready to use pages.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e12+ conceptual Apps like E-commerce, Invoice, Chat, User Profile, Kanban, Notes, Calendar, Blog and Contact.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eNavigation with Multilevel Menu support.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eLive Customizer with options for ltr \/ rtl, light dark, Layout switcher, and Preset colors selection.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003e3 Conceptual Dashboards.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eForm Validation.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAnimations.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eTable variants like CRUD, Simple table, Dark, Dense, and Fixed tables.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eAuthentication pages - Login, Register, Forget \u0026amp; Reset the password, Two Step verification.\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eMaintenance Pages, Error Pages\u003c\/span\u003e\u003c\/li\u003e\n\u003cli style=\"font-weight: 400;\"\u003e\u003cspan style=\"font-weight: 400;\"\u003eUtility pages like Typography, Color, Shadows, and Icons (i.e. 2,000+ Solar Icons, Tabler Icons).\u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch2\u003e\u003cspan style=\"font-weight: 400;\"\u003e\u003cbr\u003e\u003cstrong\u003eTechnology stack\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVuetify - v4.1.8\u003c\/li\u003e\n\u003cli\u003eVuejs - v3.5.41\u003c\/li\u003e\n\u003cli\u003eVite - v8.2.1\u003c\/li\u003e\n\u003cli\u003ePinia - v4.0.2\u003c\/li\u003e\n\u003cli\u003eTypescript - v5.9.3\u003c\/li\u003e\n\u003cli\u003eAxios - v1.19.0\u003c\/li\u003e\n\u003c\/ul\u003e\u003cbr\u003e\u003ch2\u003e\u003cstrong\u003eSupport \u0026amp; updates\u003c\/strong\u003e\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"font-weight: 400;\"\u003eOnce you purchase the template, you will get technical support. It includes\u003c\/span\u003e\u003c\/p\u003e\u003cul\u003e\u003cli style=\"font-weight: 400;\"\u003e\n\u003cspan style=\"font-weight: 400;\"\u003eBug fixes or any other help - you can submit \u003c\/span\u003e\u003ca href=\"https:\/\/adminmart.com\/support\"\u003e\u003cspan style=\"font-weight: 400;\"\u003etickets\u003c\/span\u003e\u003c\/a\u003e\u003cspan style=\"font-weight: 400;\"\u003e.\u003c\/span\u003e\n\u003c\/li\u003e\u003c\/ul\u003e\u003cbr\u003e\u003ch2 id=\"changelog\"\u003e\u003cstrong\u003eChangelog:\u003cbr\u003e\u003c\/strong\u003e\u003c\/h2\u003e\u003ch3\u003eVersion 4.0.0 (25th Aug 2026)\u003c\/h3\u003e\u003cul style=\"font-size: 14px; font-weight: 400;\"\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eVersion 3.2.0 (30th April 2025)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated pinia package v3.0.1 and its configuration\u003c\/li\u003e\n\u003cli\u003eRemove updatecolors.ts file\u003c\/li\u003e\n\u003cli\u003eUpdated vuetify.ts plugin file\u003c\/li\u003e\n\u003cli\u003eUpdated light\/dark theme files\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 3.1.0 (27th Nov 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eIncreased Run Timing Speed\u003c\/li\u003e\n\u003cli\u003eRemoved Runtime warning\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 3.0.0 (14th Oct 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eUpdated Packages\u003cul\u003e\n\u003cli\u003eVue.js – 3.5.7\u003c\/li\u003e\n\u003cli\u003eVuetify – 3.7.1\u003c\/li\u003e\n\u003cli\u003ePinia – 5.4.8\u003c\/li\u003e\n\u003cli\u003eVite – 2.2.2\u003c\/li\u003e\n\u003cli\u003eTypescript – 5.3.3\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eAdded new apps\u003cul\u003e\n\u003cli\u003eInvoice app Added\u003c\/li\u003e\n\u003cli\u003eTickets app Added\u003c\/li\u003e\n\u003cli\u003eEmail app Added\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003eCalendar App Updated\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 2.0.0 (23rd Sept 2024)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eFrontend Pages Added\u003cul\u003e\n\u003cli\u003eHomepage\u003c\/li\u003e\n\u003cli\u003eAbout us\u003c\/li\u003e\n\u003cli\u003eContact\u003c\/li\u003e\n\u003cli\u003eBlog\u003c\/li\u003e\n\u003cli\u003ePortfolio\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.1.0 (1st June 2024)\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eDesign Related Changes\u003c\/li\u003e\n\u003cli\u003eGallery LightBox Page Added\u003c\/li\u003e\n\u003cli\u003eSearch Result Page Added\u003c\/li\u003e\n\u003cli\u003eSocial Contacts Page Added\u003c\/li\u003e\n\u003c\/ul\u003e------------------------------------------------\u003ch3\u003eVersion 1.0.0 (8th May 2024)\u003c\/h3\u003e\u003cul\u003e\u003cli\u003eInitial Release\u003c\/li\u003e\u003c\/ul\u003e","brand":"AdminMart","offers":[{"title":"Personal Use","offer_id":46283669831902,"sku":"personal","price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":46283669864670,"sku":"Commercial","price":99.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":46283669897438,"sku":"Unlimited","price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/8eJu1JVPqx.webp?v=1739385466"},{"product_id":"velora-vuejs-admin-template-vuetify-3-vuejs-3-typescript-javascript","title":"Velora - Vuetify 4 - Admin Template","description":"\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 14pt;\"\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/icreatorstudio.com\/product\/velora-vuejs-admin-template?plat-vuetify\" rel=\"noopener noreferrer\" title=\"Live Preview Theme\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #ffffff; background-image: linear-gradient(to right, #11998e, #38ef7d); text-decoration: none;\" target=\"_blank\"\u003ePreview\u003c\/a\u003e\u003ca href=\"https:\/\/docs.icreatorstudio.com\/velora-vuejs-vuetify-admin-template-docs\/\" rel=\"noopener noreferrer\" title=\"Documentation\" style=\"margin-left: 15px; border: 2px solid black; background-color: white; color: green; padding: 10px 20px; border-radius: 10px; border-color: #04AA6D; text-decoration: none;\" target=\"_blank\"\u003eDocumentation \u003c\/a\u003e\u003c\/strong\u003e\u003cspan style=\"font-size: 16px; color: #788188;\"\u003e\u003cspan style=\"font-size: 14pt;\"\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/icreatorstudio.com\/product\/primedash-vuejs-admin-template#faq\" rel=\"noopener noreferrer\" title=\"Changelog\" style=\"margin-left: 15px; color: #788188;\" target=\"_blank\"\u003eChangelog\u003c\/a\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cbr\u003eUpdated on: \u003c\/strong\u003e\u003c\/span\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e18\u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e June \u003c\/strong\u003e2026\u003cbr\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003eReleased on: \u003c\/strong\u003e\u003c\/span\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e21\u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit;\"\u003e\u003cstrong style=\"box-sizing: inherit;\"\u003e Sep \u003c\/strong\u003e2025\u003c\/span\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\u003ch1\u003eVelora Vue.js Admin Dashboard Template – A Modern, Lightweight \u0026amp; Elegant Solution\u003c\/h1\u003e\u003cp\u003eAre you searching for a \u003cstrong\u003emodern and lightweight Vue.js admin dashboard template\u003c\/strong\u003e that delivers speed, elegance, and developer-friendly flexibility? Look no further than \u003cstrong\u003eVelora\u003c\/strong\u003e. Built on top of \u003cstrong\u003eVue 3\u003c\/strong\u003e and \u003cstrong\u003eVuetify 4\u003c\/strong\u003e, Velora is designed to help you create sleek and scalable applications with minimal effort.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003eBuilt for Developers\u003c\/h2\u003e\u003cp\u003eVelora is crafted with developers in mind, offering a smooth development experience while ensuring that the design remains professional and clean. Using the latest Vue.js ecosystem and industry best practices, Velora provides:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e⚡ \u003cstrong\u003eHigh Performance\u003c\/strong\u003e – Powered by Vite for lightning-fast builds and HMR.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eDeveloper Friendly\u003c\/strong\u003e – Well-structured code, TypeScript support, and reusable components.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📈 \u003cstrong\u003eScalability\u003c\/strong\u003e – Designed to scale effortlessly as your project grows.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003eModern Aesthetics\u003c\/strong\u003e – A fresh, minimalist UI that looks professional out of the box.\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eWhere Velora Fits Best\u003c\/h2\u003e\u003cp\u003eVelora is versatile and suitable for building various applications, including:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eSaaS Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCRM \u0026amp; Project Management Tools\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eAnalytics Dashboards\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eE-commerce Backends\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eEducational \u0026amp; Learning Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHealthcare \u0026amp; Fitness Applications\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eResponsive \u0026amp; Adaptive\u003c\/h2\u003e\u003cp\u003eEvery layout and component in Velora is \u003cstrong\u003efully responsive\u003c\/strong\u003e, ensuring a seamless experience on desktops, tablets, and mobile devices.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003eKey Features of Velora\u003c\/h2\u003e\u003cp\u003eVelora comes packed with essential features and clean design elements that help you build premium applications faster:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e🚀 \u003cstrong\u003eVue 3 + Vuetify 4\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e⚡ \u003cstrong\u003eBuilt with Vite 5\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003e3 Elegant Skins\u003c\/strong\u003e – Modern, Minimal, Classic\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌓 \u003cstrong\u003eLight, Dark \u0026amp; System Mode Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eTypeScript \u0026amp; JavaScript Versions\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📚 \u003cstrong\u003eComposition API + Pinia + Vue Router + VueUse\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📊 \u003cstrong\u003e2 Chart Libraries\u003c\/strong\u003e for rich data visualization\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🧩 \u003cstrong\u003e2 Dashboards \u0026amp; 6 Prebuilt Applications\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🗂️ \u003cstrong\u003eWell-structured \u0026amp; Organized Codebase\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌍 \u003cstrong\u003eMulti-lingual Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🔐 \u003cstrong\u003eAuth Pages (2 types)\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003eUnlimited Color Options\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📄 \u003cstrong\u003eWizard Pages, Datatables, Pricing Page\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e💡 \u003cstrong\u003eNo jQuery Dependency\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📖 \u003cstrong\u003eDetailed Documentation\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e✅ \u003cstrong\u003e6 Months Free Premium Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003ePackage Contains\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eTypeScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp\u003e\u003cstrong\u003eJavaScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eDocumentation\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eREADME.md\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\u003cp\u003eIf you have any queries about this template, please create a support ticket here: \u003ca href=\"https:\/\/icreatorstudio.com\/support\" rel=\"noopener noreferrer\" title=\"support\" target=\"_blank\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e\u003cp\u003e \u003c\/p\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":47620028432606,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":47620028465374,"sku":null,"price":109.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":47620028498142,"sku":null,"price":299.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/t4MUc9F18q.png?v=1760963960"},{"product_id":"velora-vuejs-laravel-admin-template-vuejs-3-laravel-12-typescript-javascript","title":"Velora - Vue 3 - Laravel Admin Template","description":"\u003cdiv style=\"display: flex; flex-flow: wrap; gap: 16px; align-items: center;\"\u003e\n\u003ca href=\"https:\/\/icreatorstudio.com\/product\/velora-vuejs-laravel-admin-template\" rel=\"noopener noreferrer\" title=\"Live Preview Theme\" style=\"padding: 10px 20px; border: none; border-radius: 10px; color: #ffffff; background-image: linear-gradient(to right, #ff5630, #fde5e3); text-decoration: none;\" target=\"_blank\"\u003ePreview\u003c\/a\u003e\u003ca href=\"https:\/\/docs.icreatorstudio.com\/velora-vuejs-laravel-admin-template-docs\/\" rel=\"noopener noreferrer\" title=\"Documentation\" style=\"border: 2px solid black; background-color: white; color: green; padding: 10px 20px; border-radius: 10px; border-color: #04AA6D; text-decoration: none;\" target=\"_blank\"\u003eDocumentation\u003c\/a\u003e\u003ca href=\"https:\/\/docs.icreatorstudio.com\/velora-vuejs-laravel-admin-template-docs\/guide\/changelog.html\" rel=\"noopener noreferrer\" title=\"Changelog\" style=\"color: #788188;\" target=\"_blank\"\u003eChangelog\u003c\/a\u003e\n\u003c\/div\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cbr\u003eUpdated on: 18 June 2026\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003eReleased on: 21 SEP 2025\u003c\/strong\u003e\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\u003ch1\u003eVelora Vue.js Laravel Admin Dashboard Template – Modern, Lightweight \u0026amp; Elegant\u003c\/h1\u003e\u003cp\u003eLooking for a \u003cstrong\u003emodern, lightweight, and Laravel-ready Vue.js admin dashboard template\u003c\/strong\u003e? Meet \u003cstrong\u003eVelora\u003c\/strong\u003e – a template built with \u003cstrong\u003eVue 3, Vuetify 4, and Laravel 12\u003c\/strong\u003e to help developers create clean and scalable applications with ease. Velora combines the power of Vue and Laravel, delivering a seamless full-stack development experience.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003eDeveloper-Friendly by Design\u003c\/h2\u003e\u003cp\u003eVelora is built for developers who want speed, simplicity, and modern aesthetics without compromising flexibility. Using the latest tools and industry best practices, Velora ensures your workflow stays smooth and efficient:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e⚡ \u003cstrong\u003eFast\u003c\/strong\u003e – Powered by Vite for instant builds and HMR.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eEasy to Use\u003c\/strong\u003e – Clean codebase and intuitive structure.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📈 \u003cstrong\u003eScalable\u003c\/strong\u003e – Grows with your Laravel \u0026amp; Vue projects.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003eModern Look\u003c\/strong\u003e – Elegant and minimal UI out of the box.\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eEndless Use Cases\u003c\/h2\u003e\u003cp\u003eWith Velora, you can build a variety of applications:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eSaaS Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCRM \u0026amp; Project Management Tools\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eAnalytics Dashboards\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eE-commerce Backends\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eEducational Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHealthcare \u0026amp; Fitness Apps\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eResponsive Excellence\u003c\/h2\u003e\u003cp\u003eVelora apps are \u003cstrong\u003efully responsive\u003c\/strong\u003e, delivering a smooth experience across desktops, tablets, and mobile devices.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003eKey Features of Velora\u003c\/h2\u003e\u003cp\u003eVelora is equipped with the essentials you need to build modern web apps:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003e⚡ \u003cstrong\u003eBased on Vue 3, Vuetify 4 \u0026amp; Laravel 12\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🧩 \u003cstrong\u003eLaravel Breeze Authentication\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🚀 \u003cstrong\u003eCreated with Vite 5\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eTypeScript Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📚 \u003cstrong\u003eComposition API + Pinia + Vue Router + VueUse\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📊 \u003cstrong\u003e2 Dashboards \u0026amp; 6 Prebuilt Applications\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003e3 Elegant Skins\u003c\/strong\u003e – Modern, Minimal, Classic\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌓 \u003cstrong\u003eLight, Dark \u0026amp; System Mode\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📈 \u003cstrong\u003e2 Chart Libraries\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🧮 \u003cstrong\u003eDatatable, Wizard \u0026amp; Pricing Pages\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🔐 \u003cstrong\u003eTwo Types of Auth Pages\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌍 \u003cstrong\u003eMulti-lingual Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003eUnlimited Color Options\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e✅ \u003cstrong\u003eNo jQuery Dependency\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🗂️ \u003cstrong\u003eOrganized Folder Structure\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📄 \u003cstrong\u003eClean \u0026amp; Commented Code\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📖 \u003cstrong\u003eWell Documented\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e💡 \u003cstrong\u003e6 Months of Free Premium Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003ePackage Contains\u003c\/h2\u003e\u003ch3\u003eTypeScript Version\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eJavaScript Version\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eAlso Included\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003e\u003cp\u003eDocumentation\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eREADME.md\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\u003cp\u003e\u003cspan style=\"color: #545454; font-size: 16px;\"\u003e \u003c\/span\u003e\u003c\/p\u003e\u003cp\u003eIf you have any queries about this template, please create a support ticket here: \u003ca href=\"https:\/\/icreatorstudio.com\/support\" rel=\"noopener noreferrer\" title=\"support\" target=\"_blank\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":47620029382878,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":47620029415646,"sku":null,"price":109.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":47620029448414,"sku":null,"price":299.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/9M5sh5FJe9.png?v=1760963973"},{"product_id":"velora-admin-template-bundle-vuejs-vuejs-laravel-12","title":"Velora - Vuetify 4 - Laravel Bundle","description":"\u003cp style=\"box-sizing: border-box; color: #788188; margin: 0px 0px 19.4444px; font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px;\"\u003e\u003cspan style=\"box-sizing: border-box; color: #000000; font-size: 14pt;\"\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003eBundle of Admin Dashboard Templates\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\u003cdiv\u003e\u003cspan style=\"box-sizing: border-box; color: #000000; font-size: 14pt;\"\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e\u003cspan style=\"box-sizing: border-box; color: #008000; font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px;\"\u003e\u003ca href=\"https:\/\/icreatorstudio.com\/product\/velora-bundle-admin-template\" rel=\"noopener noreferrer\" title=\"Velora VueJs Live Preview\" style=\"box-sizing: border-box; background-color: transparent; touch-action: manipulation; color: #008000; opacity: 0.6; border-bottom: 1px solid currentcolor; padding-bottom: 1px;\" target=\"_blank\"\u003eVelora Live Preview\u003c\/a\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv\u003e\n\u003cspan style=\"box-sizing: border-box; color: #000000; font-size: 14pt;\"\u003e\u003cspan style=\"box-sizing: border-box; font-weight: bold;\"\u003e\u003cspan style=\"color: #ff0000; font-size: 16px;\"\u003e\u003ca href=\"https:\/\/lara.icreatorstudio.com\/\" rel=\"noopener noreferrer\" title=\"PrimeDash Laravel Live Preview\" style=\"font-family: 'Work Sans', HelveticaNeue, 'Helvetica Neue', sans-serif; font-size: 16px; background-color: transparent; box-sizing: border-box; touch-action: manipulation; color: #ff0000; opacity: 0.6; border-bottom: 1px solid currentcolor; padding-bottom: 1px;\" target=\"_blank\"\u003e\u003cbr\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003eUpdated on: 18 June \u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e2026\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"box-sizing: inherit; color: rgba(14, 27, 77, 0.75); font-family: 'Merriweather Sans', sans-serif; font-size: 16.8px; letter-spacing: 0.63px; background-color: #eff0f5;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #ff0000;\"\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e\u003cstrong style=\"box-sizing: inherit; color: #000000;\"\u003eReleased on: 25 Sep \u003c\/strong\u003e\u003cspan style=\"box-sizing: inherit; color: #000000;\"\u003e2025\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003ch1\u003eVelora Vue.js Laravel Admin Dashboard Template – Modern, Lightweight \u0026amp; Elegant\u003c\/h1\u003e\n\u003cp\u003eAre you a developer searching for a \u003cstrong\u003elightweight yet powerful admin dashboard template\u003c\/strong\u003e that streamlines your workflow and keeps things elegant? Look no further than \u003cstrong\u003eVelora\u003c\/strong\u003e. We've designed this template to be minimal, modern, and developer-friendly — perfect for building clean applications with minimal effort.\u003c\/p\u003e\n\u003chr\u003e\n\u003ch2\u003eUnmatched Developer-Friendliness\u003c\/h2\u003e\n\u003cp\u003eVelora is crafted with developers in mind, offering the latest \u003cstrong\u003eVue 3, Vuetify 4, and Laravel 12\u003c\/strong\u003e technologies. It follows best practices to deliver a template that is:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003e⚡ \u003cstrong\u003eFast\u003c\/strong\u003e: Built with Vite for optimized performance.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eUser-Friendly\u003c\/strong\u003e: Intuitive and simple to work with.\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📈 \u003cstrong\u003eScalable\u003c\/strong\u003e: Grows seamlessly as your applications grow.\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch2\u003eEndless Possibilities\u003c\/h2\u003e\n\u003cp\u003eVelora provides the flexibility to create a wide range of web applications, such as:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eSaaS Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eCRM \u0026amp; Project Management Tools\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eAnalytics Dashboards\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eE-commerce Backends\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eEducational Platforms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003eHealthcare \u0026amp; Fitness Apps\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch2\u003eResponsive Excellence\u003c\/h2\u003e\n\u003cp\u003eVelora ensures your applications look stunning and work flawlessly across \u003cstrong\u003edesktops, tablets, and mobile devices\u003c\/strong\u003e.\u003c\/p\u003e\n\u003chr\u003e\n\u003ch2\u003eMake the Most of Our Innovative Features with Velora\u003c\/h2\u003e\n\u003cp\u003eVelora delivers the essential features you need to develop modern web apps while keeping the design clean and lightweight. Key highlights include:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eBased on \u003cstrong\u003eVue 3.5, Vuetify 4 \u0026amp; Laravel 11\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e\u003cstrong\u003e2 Dashboards \u0026amp; 6 Prebuilt Applications\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🧩 \u003cstrong\u003eLaravel Breeze Authentication\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🚀 \u003cstrong\u003eCreated with Vite 5\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🛠️ \u003cstrong\u003eTypeScript Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📚 \u003cstrong\u003eComposition API + Pinia + Vue Router + VueUse\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📊 \u003cstrong\u003e2 Chart Libraries\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🧮 \u003cstrong\u003eDatatable, Wizard \u0026amp; Pricing Pages\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌓 \u003cstrong\u003eLight, Dark \u0026amp; System Mode\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003e3 Skins\u003c\/strong\u003e – Modern, Minimal, Classic\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🔐 \u003cstrong\u003eTwo Types of Auth Pages\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🌍 \u003cstrong\u003eMulti-lingual Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🎨 \u003cstrong\u003eUnlimited Color Options\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e✅ \u003cstrong\u003eNo jQuery Dependency\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e🗂️ \u003cstrong\u003eOrganized Folder Structure\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📄 \u003cstrong\u003eClean \u0026amp; Commented Code\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e📖 \u003cstrong\u003eWell Documented\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003e💡 \u003cstrong\u003e6 Months of Free Premium Support\u003c\/strong\u003e\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch2\u003ePackage Contains\u003c\/h2\u003e\n\u003ch3\u003eLaravel Version\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTypeScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eJavaScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eVue.js Version\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eTypeScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eJavaScript Version\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eFull Version\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eStarter Kit\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eAlso Included\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eDocumentation\u003c\/p\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cp\u003eREADME.md\u003c\/p\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr\u003e\n\u003ch2\u003eRAISE SUPPORT\u003c\/h2\u003e\n\u003cp\u003eIf you have any queries about this template, please create a support ticket here: \u003ca href=\"https:\/\/icreatorstudio.com\/support\" rel=\"noopener noreferrer\" title=\"support\" target=\"_blank\"\u003esupport\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"ICreator Studio","offers":[{"title":"Personal Use","offer_id":47620029612254,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":47620029645022,"sku":null,"price":138.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":47620029677790,"sku":null,"price":399.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/GSnKgYH3EP.png?v=1760963983"},{"product_id":"codedthemes-template-bundle","title":"CodedThemes Template Bundle","description":"\u003ch3\u003e\u003cstrong\u003eTEMPLATE LIVE PREVIEW\u003c\/strong\u003e\u003c\/h3\u003e\u003ch4\u003e\u003cspan style=\"color: #008000;\"\u003e\u003ca href=\"https:\/\/ableproadmin.com\/vue\/dashboard\/default\" rel=\"noopener noreferrer\" style=\"color: #008000;\" target=\"_blank\"\u003eABLE PRO LIVE PREVIEW\u003c\/a\u003e \u003c\/span\u003e\u003c\/h4\u003e\u003ch4\u003e\u003cspan style=\"color: #008000;\"\u003e\u003ca href=\"https:\/\/mantisdashboard.com\/vue\/\" rel=\"noopener noreferrer\" style=\"color: #008000;\" target=\"_blank\"\u003eMANTIS LIVE PREVIEW\u003c\/a\u003e\u003c\/span\u003e\u003c\/h4\u003e\u003ch4\u003e\u003cspan style=\"color: #008000;\"\u003e\u003ca href=\"https:\/\/berrydashboard.com\/vue\/default\" rel=\"noopener noreferrer\" style=\"color: #008000;\" target=\"_blank\"\u003eBERRY LIVE PREVIEW\u003cbr\u003e\u003cbr\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/h4\u003e\u003chr\u003e\u003cp\u003eThis \u003cstrong\u003eexclusive Vuetify Admin Templates Bundle\u003c\/strong\u003e brings together three of our most powerful and best-selling Vue.js\/Vuetify dashboards — \u003cstrong\u003eAble Pro\u003c\/strong\u003e, \u003cstrong\u003eMantis\u003c\/strong\u003e, and \u003cstrong\u003eBerry\u003c\/strong\u003e — in a single value-packed offering. Each template is crafted with modern UI\/UX principles, flexible components, and high-performance code to help you build robust, scalable, and stunning web applications.\u003c\/p\u003e\u003cp\u003eWhether you're developing an \u003cstrong\u003eeCommerce platform\u003c\/strong\u003e, \u003cstrong\u003eCRM\u003c\/strong\u003e, \u003cstrong\u003eSaaS dashboard\u003c\/strong\u003e, \u003cstrong\u003eproject management tool\u003c\/strong\u003e, \u003cstrong\u003eanalytics panel\u003c\/strong\u003e, or any data-driven app, this bundle gives you everything you need to design and launch quickly with confidence.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003eWhy Choose the CodedThemes Vuetify Dashboard Bundle?\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e3 premium Vuetify admin dashboards (Able Pro + Mantis + Berry)\u003c\/li\u003e\n\u003cli\u003eOptimized for seamless developer experience (DX)\u003c\/li\u003e\n\u003cli\u003eClean, modern and highly aesthetic UI\/UX\u003c\/li\u003e\n\u003cli\u003eComprehensive documentation\u003c\/li\u003e\n\u003cli\u003eReliable \u0026amp; timely technical support\u003c\/li\u003e\n\u003cli\u003eBuilt and maintained by \u003cstrong\u003ePhoenixcoded\u003c\/strong\u003e — 12+ years of dashboard development expertise\u003c\/li\u003e\n\u003cli\u003eRegular updates with new features and improvements\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eAbout the Templates Included\u003c\/h2\u003e\u003cp\u003eEach template in the bundle is fully responsive, production-ready, and powered by:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eVue.js 3\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eVuetify 3\/4\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSCSS\u003c\/strong\u003e with customizable variables\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003enpm\/yarn\u003c\/strong\u003e packages\u003c\/li\u003e\n\u003cli\u003eOptimized folder structure for professional workflows\u003c\/li\u003e\n\u003c\/ul\u003e\u003cp\u003eYou can use these templates to build: Admin panels · CRM · SaaS apps · Analytics dashboards · Project management · eCommerce systems · Crypto dashboards · And more.\u003c\/p\u003e\u003chr\u003e\u003ch2\u003ePerformance-Driven Development\u003c\/h2\u003e\u003cp\u003eAll three dashboards in this bundle are engineered for top-notch performance:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eHigh scores on Google PageSpeed, Pingdom, and GTMetrix\u003c\/li\u003e\n\u003cli\u003eWCAG compliance for accessibility\u003c\/li\u003e\n\u003cli\u003eClean, validated code following industry-standard best practices\u003c\/li\u003e\n\u003cli\u003eLightweight and optimized components for fast rendering\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eKey Features Across the Bundle\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLight, Dark \u0026amp; Auto Themes\u003c\/li\u003e\n\u003cli\u003eLive Customizer for real-time UI personalization\u003c\/li\u003e\n\u003cli\u003eMobile-first responsive design\u003c\/li\u003e\n\u003cli\u003eRetina-ready screens\u003c\/li\u003e\n\u003cli\u003eWell-structured, readable \u0026amp; commented code\u003c\/li\u003e\n\u003cli\u003eEasy-to-navigate folder architecture\u003c\/li\u003e\n\u003cli\u003eComprehensive documentation\u003c\/li\u003e\n\u003cli\u003eModern, clean, and intuitive UI\/UX patterns\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eLayout Options\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVertical navigation layout\u003c\/li\u003e\n\u003cli\u003eFull-width or container layout\u003c\/li\u003e\n\u003cli\u003ePage contrast toggle\u003c\/li\u003e\n\u003cli\u003eBlur header support\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eWidgets\u003c\/h2\u003e\u003cp\u003eThe bundle includes \u003cstrong\u003e40+ conceptual widgets\u003c\/strong\u003e for:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eStats\u003c\/li\u003e\n\u003cli\u003eCharts\u003c\/li\u003e\n\u003cli\u003eTables\u003c\/li\u003e\n\u003cli\u003eAnalysis panels\u003c\/li\u003e\n\u003cli\u003eInsight cards\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eModern User Interface\u003c\/h2\u003e\u003cp\u003eEach template offers a polished, professional dashboard interface with:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eBeautiful typography\u003c\/li\u003e\n\u003cli\u003eIcon consistency\u003c\/li\u003e\n\u003cli\u003eBalanced spacing\u003c\/li\u003e\n\u003cli\u003eWCAG-approved color contrast\u003c\/li\u003e\n\u003cli\u003e10+ primary color themes\u003c\/li\u003e\n\u003cli\u003eSidebar customization options\u003c\/li\u003e\n\u003cli\u003eFull\/container width options\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eCharts\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003e20+ chart variations\u003c\/li\u003e\n\u003cli\u003ePowered by \u003cstrong\u003eApexCharts\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eCore \u0026amp; Advanced Components\u003c\/h2\u003e\u003cp\u003eEvery template includes full Vuetify core components plus advanced, ready-to-use elements:\u003c\/p\u003e\u003ch3\u003eAdvanced UI Components\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eSweetAlert\u003c\/li\u003e\n\u003cli\u003eDate Picker\u003c\/li\u003e\n\u003cli\u003eLightbox\u003c\/li\u003e\n\u003cli\u003eModal\u003c\/li\u003e\n\u003cli\u003eNotification\u003c\/li\u003e\n\u003cli\u003eRange Slider\u003c\/li\u003e\n\u003cli\u003eSyntax Highlighter\u003c\/li\u003e\n\u003cli\u003eTour\u003c\/li\u003e\n\u003cli\u003eTree View\u003c\/li\u003e\n\u003cli\u003eImage\/Content Slider\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eForm Components \u0026amp; Plugins\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eInputs, Floating Inputs, Textarea, Switches, Radio, Checkbox\u003c\/li\u003e\n\u003cli\u003eForm validation\u003c\/li\u003e\n\u003cli\u003eInput masks\u003c\/li\u003e\n\u003cli\u003eTypeahead\u003c\/li\u003e\n\u003cli\u003eDate\/Time\/Color pickers\u003c\/li\u003e\n\u003cli\u003eChoices.js\u003c\/li\u003e\n\u003cli\u003eClipboard\u003c\/li\u003e\n\u003cli\u003ereCaptcha\u003c\/li\u003e\n\u003cli\u003eRich Text Editors: TinyMCE, Quill, CKEditor, Markdown\u003c\/li\u003e\n\u003cli\u003eMultiple form layouts\u003c\/li\u003e\n\u003cli\u003eFile upload\u003c\/li\u003e\n\u003cli\u003eImage cropper\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eTables\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eBasic \u0026amp; Styled Tables\u003c\/li\u003e\n\u003cli\u003eDynamic Tables\u003c\/li\u003e\n\u003cli\u003eSorting \u0026amp; Filtering\u003c\/li\u003e\n\u003cli\u003eFetch API-based tables\u003c\/li\u003e\n\u003cli\u003eExport options\u003c\/li\u003e\n\u003cli\u003eDataTables \u0026amp; Extensions\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eExtra Utilities\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eSession Timeout\u003c\/li\u003e\n\u003cli\u003eOffline UI\u003c\/li\u003e\n\u003cli\u003eAnimations\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eIcons\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eFeather\u003c\/li\u003e\n\u003cli\u003eFont Awesome 5\u003c\/li\u003e\n\u003cli\u003eMaterial Icons\u003c\/li\u003e\n\u003cli\u003eTabler\u003c\/li\u003e\n\u003cli\u003eCustom Icons\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003ePre-Built Apps\u003c\/h2\u003e\u003cp\u003eThe bundle includes \u003cstrong\u003e7+ ready-to-use conceptual apps\u003c\/strong\u003e, such as:\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003eCalendar\u003c\/li\u003e\n\u003cli\u003eChat\u003c\/li\u003e\n\u003cli\u003eCustomer Management\u003c\/li\u003e\n\u003cli\u003eeCommerce\u003c\/li\u003e\n\u003cli\u003eFile Manager\u003c\/li\u003e\n\u003cli\u003eMail Inbox\u003c\/li\u003e\n\u003cli\u003eUser Management\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eImportant Pre-Designed Pages\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLanding Page\u003c\/li\u003e\n\u003cli\u003eContact Page\u003c\/li\u003e\n\u003cli\u003ePricing\u003c\/li\u003e\n\u003cli\u003eAuthentication (Login, Register, Forgot Password, OTP, etc.)\u003c\/li\u003e\n\u003cli\u003eMaintenance pages (404, 500, Under Construction, Coming Soon)\u003c\/li\u003e\n\u003cli\u003eSample Page\u003c\/li\u003e\n\u003cli\u003e4-level menu structure\u003c\/li\u003e\n\u003c\/ul\u003e\u003chr\u003e\u003ch2\u003eWhat You Get in the Bundle\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSource code for all three Vuetify admin templates (Able Pro, Mantis, Berry)\u003c\/li\u003e\n\u003cli\u003eComplete Documentation\u003c\/li\u003e\n\u003cli\u003eLifetime free updates\u003c\/li\u003e\n\u003cli\u003eDedicated support\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"codedthemes","offers":[{"title":"Personal Use","offer_id":47711176327390,"sku":null,"price":99.0,"currency_code":"USD","in_stock":true},{"title":"Commercial Use","offer_id":47711176360158,"sku":null,"price":129.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited Use","offer_id":47711176392926,"sku":null,"price":599.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/OkoP45BAja.png?v=1764166233"},{"product_id":"official-vuetify-snips-for-figma","title":"Official Vuetify 4 Snips for Figma (All UI kit included also)","description":"\u003ch2\u003eVuetify Snips for Figma – Design Real Apps, Faster ⚡\u003c\/h2\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cstrong\u003e⚡ Important Update\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eBy downloading this product, you will receive both included versions:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e- UI Kit for Figma — Version 3 + the new Version 4\u003c\/strong\u003e\u003cbr\u003e\u003cstrong\u003e- Official Snips for Figma — Version 3 + the new Version 4\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eThis ensures compatibility with existing projects while giving you immediate access to the latest updates, improvements, and new components included in V4.\u003c\/strong\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eStop starting from blank screens. \u003cstrong\u003eVuetify Snips for Figma\u003c\/strong\u003e is a massive library of \u003cstrong\u003e580+ ready-to-use design fragments\u003c\/strong\u003e, crafted to help you build real products faster using the Vuetify ecosystem.\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eThis product includes all the components of the Official Vuetify 4 UI Kit for Figma + 580+ snippets\u003cbr\u003e\n\u003c\/h2\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBuilt 100% with the official Vuetify UI Kit and perfectly aligned with Vuetify Snips web components, this companion product transforms your workflow from designing components to designing real experiences. \u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWhat Are Vuetify Snips?\u003c\/strong\u003e \u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eVuetify Snips are production-ready UI blocks created for real app scenarios.\u003c\/div\u003e\n\u003cdiv\u003eInstead of building layouts from scratch, you can instantly assemble complete screens, flows, and pages using pre-designed, high-fidelity fragments.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e580+ Snippets across \u003cstrong\u003e3 Categories\u003c\/strong\u003e:\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🖥️ \u003cstrong\u003eApplication UI\u003c\/strong\u003e – Containment, Core Layouts, Data Display, Forms,\u003c\/div\u003e\n\u003cdiv\u003ePage examples, and more.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🌐 \u003cstrong\u003eMarketing\u003c\/strong\u003e – Page sections, Elements, Pricing, Features, CTAs, Testimonials, Footers.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🛒 \u003cstrong\u003eEcommerce\u003c\/strong\u003e – Product listings, checkout flows, carts, product pages, account areas.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eFrom wireframes to polished high-fidelity layouts — everything is ready to use inside Figma.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cstrong\u003eBuilt for the Vuetify Ecosystem 💙\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThis is the official companion product to the Vuetify UI Kit.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eEvery snippet is:\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBuilt entirely using UI Kit components\u003c\/div\u003e\n\u003cdiv\u003ePowered by the same design tokens and variables\u003c\/div\u003e\n\u003cdiv\u003eFully aligned with Vuetify Snips web components\u003c\/div\u003e\n\u003cdiv\u003eDesigned to ensure a seamless design → development handoff\u003c\/div\u003e\n\u003cdiv\u003eNo inconsistencies. No guesswork. Just a perfectly synchronized workflow.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eWhy Use Vuetify Snips? 🚀\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e⚡ \u003cstrong\u003eDesign 10x Faster\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eGo from idea to real screens in minutes, not hours.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🧠 \u003cstrong\u003eNever Start From Scratch Again\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eSkip the blank canvas and start with real app patterns.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🧱 \u003cstrong\u003eReal Product Patterns\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eBased on real-world SaaS, dashboards, e-commerce, and marketing layouts.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🔄 \u003cstrong\u003ePerfect Companion to the UI Kit\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eUse components to build systems, and Snips to build experiences.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e🎯 \u003cstrong\u003eProduction-Ready Layouts\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003eCreate prototypes, MVPs, and full product flows faster than ever.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3\u003eWhat's Inside 📦\u003c\/h3\u003e\n\u003cdiv\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003ch4\u003e\u003cstrong\u003eBuilt with UI Kit Variables \u0026amp; Components (Includes all components of the UI Kit)\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e580+ Ready-to-Use Snippets\u003c\/div\u003e\n\u003cdiv\u003eHigh-Fidelity Layouts + Wireframes\u003c\/div\u003e\n\u003cdiv\u003eOrganized by Real Product Categories\u003c\/div\u003e\n\u003cdiv\u003eOptimized for Fast Assembly \u0026amp; Customization\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e👉 Start designing real products with Vuetify Snips and move from components to complete experiences.\u003c\/div\u003e\n\u003cdiv\u003e👉 Reach us on \u003ca href=\"https:\/\/discord.gg\/jTRbBUdwK\" target=\"_blank\" rel=\"noopener\"\u003eDiscord\u003c\/a\u003e to share your questions, ideas, or feedback\u003c\/div\u003e","brand":"Juan J Cardona","offers":[{"title":"Personal License","offer_id":47905648607454,"sku":null,"price":129.0,"currency_code":"USD","in_stock":true},{"title":"Commercial License","offer_id":47905648640222,"sku":null,"price":399.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited License","offer_id":47905648672990,"sku":null,"price":799.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/MainPreviewSnips.png?v=1777908147"},{"product_id":"vuetify-blueprint-inspired-by-the-new-york-style","title":"Vuetify Blueprint — Inspired by the New York Style","description":"\u003ch2\u003e\u003cstrong\u003eMake Vuetify feel like Shadcn — without hacks.\u003c\/strong\u003e\u003c\/h2\u003e\n\u003ch4\u003eA fully opinionated Blueprint that reconfigures Vuetify at the foundation level using official APIs.\u003cbr\u003e\n\u003c\/h4\u003e\n\u003cblockquote\u003e*Uses Vuetify Blueprints (no CSS hacks)\u003cbr\u003e*Component defaults fully aligned\u003cbr\u003e*Typography + iconography system included\u003cbr\u003e*Drop-in install*100% compatible with Vuetify updates\u003c\/blockquote\u003e\n\u003cdiv\u003eA fully opinionated Vuetify Blueprint that transforms the framework at the foundation level using official APIs.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBuilt with Blueprints, Defaults, SASS variables, typography and icon configuration — not CSS overrides.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e🧠 The Problem\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003eMany developers love the clean, minimal aesthetic of Shadcn’s New York style.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eBut they don’t want to:\u003c\/div\u003e\n\u003cdiv\u003e* Leave Vue\u003c\/div\u003e\n\u003cdiv\u003e* Abandon Vuetify\u003c\/div\u003e\n\u003cdiv\u003e* Rewrite their stack\u003c\/div\u003e\n\u003cdiv\u003e* Maintain fragile CSS overrides\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThey want the look — without breaking the ecosystem.\u003cbr\u003e\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e💡 The Solution\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003eThis Blueprint reconfigures Vuetify from the inside.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eInstead of overriding styles, it:\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e* Uses official Vuetify Blueprints\u003c\/div\u003e\n\u003cdiv\u003e* Redefines component defaults\u003c\/div\u003e\n\u003cdiv\u003e* Adjusts each component to match the New York visual style\u003c\/div\u003e\n\u003cdiv\u003e* Configures typography and iconography globally\u003c\/div\u003e\n\u003cdiv\u003e* Keeps full compatibility with Vuetify updates\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIt’s not a theme.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIt’s an opinionated layer on top of Vuetify.\u003cbr\u003e\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e⚙️ What Makes It Different\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003eMost “themes” only change colors.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThis Blueprint:\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e✔ Reworks component defaults (Slider, Buttons, Inputs, etc.)\u003c\/div\u003e\n\u003cdiv\u003e✔ Aligns spacing and proportions\u003c\/div\u003e\n\u003cdiv\u003e✔ Configures track, thumb, and internal states\u003c\/div\u003e\n\u003cdiv\u003e✔ Uses Vuetify’s global configuration properly\u003c\/div\u003e\n\u003cdiv\u003e✔ Maintains clean, scalable architecture\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eYour components look right — by default.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eNo wrappers.\u003c\/div\u003e\n\u003cdiv\u003eNo per-component overrides.\u003c\/div\u003e\n\u003cdiv\u003eNo technical debt.\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e📦 What You Get\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003e* Complete Vuetify Blueprint configuration\u003c\/div\u003e\n\u003cdiv\u003e* Component Defaults fully configured\u003c\/div\u003e\n\u003cdiv\u003e* Typography setup\u003c\/div\u003e\n\u003cdiv\u003e* Icon system configuration\u003c\/div\u003e\n\u003cdiv\u003e* Clean, production-ready structure\u003c\/div\u003e\n\u003cdiv\u003e* Simple installation guide\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eDrop it in. Start building.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e🎯 Who This Is For\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003e* Vue developers using Vuetify\u003c\/div\u003e\n\u003cdiv\u003e* Teams who want a more minimal design system\u003c\/div\u003e\n\u003cdiv\u003e* Developers who like Shadcn’s aesthetic but prefer Vue\u003c\/div\u003e\n\u003cdiv\u003e* Engineers who care about architecture, not just visuals\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e🚫 Who This Is NOT For\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003e* If you’re looking for a full template with pages\u003c\/div\u003e\n\u003cdiv\u003e* If you want prebuilt dashboards\u003c\/div\u003e\n\u003cdiv\u003e* If you need drag-and-drop UI\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThis is infrastructure, not a template.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003e🚀 Why This Exists\u003c\/strong\u003e\u003c\/h4\u003e\n\u003cdiv\u003eVuetify is powerful — but neutral by default.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eThis Blueprint adds opinion.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eIt gives Vuetify a design direction.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003eAnd this is just the first edition.\u003c\/div\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch4\u003eIf the community wants it, more professional Blueprints will follow.\u003cbr\u003e\u003cbr\u003e\u003cstrong\u003eInspired by the New York style — Built the Vuetify way\u003c\/strong\u003e\n\u003c\/h4\u003e\n\u003ch4\u003eThis project is inspired by the visual language popularized in the Shadcn ecosystem.\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003e* It is not a clone.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003e* It is not affiliated.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003ch4\u003e\u003cstrong\u003e* It is an independent implementation using Vuetify’s official architecture.\u003c\/strong\u003e\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Juan J Cardona","offers":[{"title":"Default Title","offer_id":48012653658334,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/jnn2pHKuxj.png?v=1772640881"},{"product_id":"official-emerald-ui-kit-for-figma","title":"Official Emerald UI Kit for Figma","description":"\u003ch1\u003eOfficial Emerald UI Kit for Figma — Created by John Leider\u003c\/h1\u003e\n\u003ch2\u003eEmerald — Design System, Not Just a Theme\u003c\/h2\u003e\n\u003cp\u003eEmerald is a complete visual language for Vuetify0: tokens, icons, components, and layout patterns shaped around calm, tactile interfaces. This Figma library is the design-side mirror of \u003ccode\u003e@paper\/emerald\u003c\/code\u003e — the same color scales, spacing rhythm, typography roles, and component anatomy you ship in code.\u003c\/p\u003e\n\u003cp\u003eDesign in Figma. Build in Vue. Nothing gets lost in translation.\u003c\/p\u003e\n\u003ch2\u003eWhat Makes This Kit Different\u003c\/h2\u003e\n\u003cp\u003eEmerald does not restyle someone else's components. It brings its own vocabulary — \u003ccode\u003eEmButton\u003c\/code\u003e, \u003ccode\u003eEmSelect\u003c\/code\u003e, \u003ccode\u003eEmKanban\u003c\/code\u003e, and the rest — while staying faithful to the compound structure underneath Vuetify0. When you hand off a screen, developers are not guessing: every frame maps to a documented component and a CSS token they already have installed.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eDesign-to-code parity\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e* Tokens in Figma export from the same source as the npm package (\u003ccode\u003ecolors.ts\u003c\/code\u003e, \u003ccode\u003edesign-system.ts\u003c\/code\u003e)\u003c\/p\u003e\n\u003cp\u003e* Light and dark palettes switch with a single theme attribute — \u003ccode\u003eemerald-light\u003c\/code\u003e \/ \u003ccode\u003eemerald-dark\u003c\/code\u003e\u003c\/p\u003e\n\u003cp\u003e* Icon roles (\u003ccode\u003ecalendar\u003c\/code\u003e, \u003ccode\u003email\u003c\/code\u003e, \u003ccode\u003efinance\u003c\/code\u003e) resolve the same way in design and in \u003ccode\u003eEmIcon\u003c\/code\u003e\u003c\/p\u003e\n\u003cp\u003e* Compound parts (\u003ccode\u003eEmDialogTitle\u003c\/code\u003e, \u003ccode\u003eEmSelectItem\u003c\/code\u003e, \u003ccode\u003eEmCalendarHeader\u003c\/code\u003e) match the code API\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAesthetic direction\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e* Cool mineral tones and jade-inspired accents\u003c\/p\u003e\n\u003cp\u003e* Soft contrast, fog-like surfaces, controlled vibrancy\u003c\/p\u003e\n\u003cp\u003e* Elevation with meaning — shadows only where surfaces float\u003c\/p\u003e\n\u003cp\u003e* Motion and state feedback designed to feel tactile without visual noise\u003c\/p\u003e\n\u003ch2\u003eInside the Kit\u003c\/h2\u003e\n\u003ch3\u003eToken Foundations\u003c\/h3\u003e\n\u003cp\u003eEvery visual decision lives under the \u003ccode\u003e--emerald-*\u003c\/code\u003e namespace — organized so designers and developers speak the same language.\u003c\/p\u003e\n\u003ctable\u003e\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eFamily\u003c\/p\u003e\u003c\/th\u003e\n\u003cth colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eExamples\u003c\/p\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eColor\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003ccode\u003e--emerald-primary-600\u003c\/code\u003e, \u003ccode\u003e--emerald-surface\u003c\/code\u003e, \u003ccode\u003e--emerald-on-background\u003c\/code\u003e, \u003ccode\u003e--emerald-danger-400\u003c\/code\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eSpacing\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003ccode\u003e--emerald-spacing-2xs\u003c\/code\u003e through \u003ccode\u003e--emerald-spacing-m\u003c\/code\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eRadius \u0026amp; stroke\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003ccode\u003e--emerald-radius-m\u003c\/code\u003e, \u003ccode\u003e--emerald-stroke-s\u003c\/code\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eTypography\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003ccode\u003e--emerald-text-b2-size\u003c\/code\u003e, \u003ccode\u003e--emerald-text-b2-height\u003c\/code\u003e, \u003ccode\u003e--emerald-text-b2-weight\u003c\/code\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eIcon, shadow, motion\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003ccode\u003e--emerald-icon-m\u003c\/code\u003e, \u003ccode\u003e--emerald-shadow-m\u003c\/code\u003e, \u003ccode\u003e--emerald-motion-duration-fast\u003c\/code\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eColors ship as hex values \u003cstrong\u003eand\u003c\/strong\u003e as RGB channels for translucent overlays — the same dual format the runtime CSS emits.\u003c\/p\u003e\n\u003cp\u003eFigma variables are wired to these names so a token change in design propagates cleanly to implementation.\u003c\/p\u003e\n\u003ch3\u003eDual Themes\u003c\/h3\u003e\n\u003cp\u003eLight is the default environment. Dark is a deliberate companion — not a simple inversion. Toggle between \u003ccode\u003eemerald-light\u003c\/code\u003e and \u003ccode\u003eemerald-dark\u003c\/code\u003e to preview both modes without duplicating frames.\u003c\/p\u003e\n\u003ch3\u003eIcon System\u003c\/h3\u003e\n\u003cp\u003e48 glyphs, 72 role names. You pick by intent — \u003ccode\u003eenvelope\u003c\/code\u003e, not a filename. Aliases like \u003ccode\u003email → envelope\u003c\/code\u003e and \u003ccode\u003efinance → card\u003c\/code\u003e behave exactly as they do in code. Decorative by default; labelled when accessibility requires it.\u003c\/p\u003e\n\u003ch3\u003eComponent Library\u003c\/h3\u003e\n\u003cp\u003eEvery shipped \u003ccode\u003eEm*\u003c\/code\u003e component is represented with its variants, states, and compound parts:\u003c\/p\u003e\n\u003ctable\u003e\n\u003ccolgroup\u003e \u003ccol\u003e \u003ccol\u003e \u003c\/colgroup\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eCategory\u003c\/p\u003e\u003c\/th\u003e\n\u003cth colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eComponents\u003c\/p\u003e\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eActions\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmButton\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eForms\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmTextField, EmTextarea, EmCheckbox, EmRadio, EmSwitch, EmSelect, EmSlider\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eFeedback\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmAlert, EmBadge, EmProgress, EmSpinner, EmSnackbar, EmTooltip\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eNavigation\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmTabs, EmBreadcrumbs, EmPagination, EmStep\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eSurfaces\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmCard, EmDialog, EmPopover, EmDivider, EmExpansionPanel\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eData display\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmList, EmAvatar, EmTag, EmCalendar, EmKanban\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003e\u003cstrong\u003eSystem\u003c\/strong\u003e\u003c\/p\u003e\u003c\/td\u003e\n\u003ctd colspan=\"1\" rowspan=\"1\"\u003e\u003cp\u003eEmIcon\u003c\/p\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003eEach component covers the interaction states that matter in production: default, hover, focus, active, disabled, and error — sized and spaced against the Emerald scale, not borrowed from another system.\u003c\/p\u003e\n\u003ch3\u003eDashboard Patterns\u003c\/h3\u003e\n\u003cp\u003eBeyond atoms and molecules, the kit includes layout scaffolding from the MIT showcase app — calendar views, kanban boards, and dashboard shells — so you can compose full product screens without rebuilding structure from scratch.\u003c\/p\u003e\n\u003ch2\u003eWho This Is For\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e* Product designers\u003c\/strong\u003e building dashboards, SaaS tools, or productivity apps who want a cohesive system without starting from a blank canvas\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Design–dev teams\u003c\/strong\u003e on Vuetify0 who need Figma frames that map 1:1 to \u003ccode\u003e@paper\/emerald\u003c\/code\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Agencies\u003c\/strong\u003e delivering client work where handoff clarity saves rework\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Teams exploring beyond Material Design\u003c\/strong\u003e while keeping accessibility and behavior battle-tested through Vuetify0 underneath\u003c\/p\u003e\n\u003ch2\u003eWhat You Get\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e* Full component set\u003c\/strong\u003e — every documented \u003ccode\u003eEm*\u003c\/code\u003e family with variants and compound parts\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Token library\u003c\/strong\u003e — color, spacing, radius, stroke, type, icon, shadow, and motion variables aligned with the npm package\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Light + dark themes\u003c\/strong\u003e — switchable via Figma variables \/ theme modes\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Role-based icon set\u003c\/strong\u003e — the complete Emerald glyph map with aliases\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Dashboard building blocks\u003c\/strong\u003e — calendar, kanban, and layout patterns from the showcase app\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e* Free updates\u003c\/strong\u003e — the kit evolves with Emerald as the design system matures\u003c\/p\u003e\n\u003ch2\u003eOpen Code, Premium Design File\u003c\/h2\u003e\n\u003cp\u003eThe Emerald design system — components, tokens, and the dashboard app — is \u003cstrong\u003eMIT licensed\u003c\/strong\u003e and ships as \u003ccode\u003e@paper\/emerald\u003c\/code\u003e.\u003c\/p\u003e\n\u003cp\u003eThis Figma UI Kit is the companion design asset: the fastest path from exploration to implementation when you want pixels and props to stay in sync.\u003c\/p\u003e\n\u003ch2\u003eBefore You Buy\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eThis kit covers Emerald core components.\u003c\/strong\u003e It is the design counterpart of the open-source system documented at \u003ca href=\"https:\/\/0.vuetifyjs.com\/systems\/emerald\"\u003e0.vuetifyjs.com\/systems\/emerald\u003c\/a\u003e.\u003c\/p\u003e\n\u003cp\u003eLooking for Material Design and Vuetify 4 component parity? See the \u003ca href=\"https:\/\/store.vuetifyjs.com\/products\/official-vuetify-4-ui-kit-for-figma\"\u003eOfficial Vuetify 4 UI Kit for Figma\u003c\/a\u003e.\u003c\/p\u003e\n\u003ch2\u003eStart Designing with Emerald\u003c\/h2\u003e\n\u003cp\u003eOpen the file, set your theme, drop an \u003ccode\u003eEmButton\u003c\/code\u003e — and know the Vue component waiting on the other side already matches.\u003c\/p\u003e\n\u003cp\u003eQuestions or feedback? Reach us at \u003ca href=\"mailto:store@vuetifyjs.com\"\u003estore@vuetifyjs.com\u003c\/a\u003e or join the Vuetify Discord community.\u003c\/p\u003e","brand":"Vuetify","offers":[{"title":"Personal License","offer_id":48966903038174,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"Commercial License","offer_id":48966903070942,"sku":null,"price":229.0,"currency_code":"USD","in_stock":true},{"title":"Unlimited License","offer_id":48966903103710,"sku":null,"price":499.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/emerald-Cover.png?v=1788200758"},{"product_id":"figma-vuetify-sync","title":"Official Figma Vuetify Sync - Plugin (Beta)","description":"\u003ch2 class=\"p1\"\u003e🚨Important note: This plugin is not yet available. If you want to be among the first to know when it's ready, sign up for our waitlist at \u003ca href=\"https:\/\/figmavuetify.com\/#cta\"\u003eFigma Vuetify\u003c\/a\u003e, and we will contact you 💙\u003c\/h2\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eDesign and code finally speaking the same language.\u003c\/b\u003e\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eIf your team designs in Figma and develops using Vue + Vuetify, \u003cspan class=\"Apple-converted-space\"\u003e  \u003c\/span\u003eyou know the struggle of aligning these two worlds: every handoff involves manual tweaks, back-and-forth between designers and developers, and screens.\u003cspan class=\"Apple-converted-space\"\u003e  \u003c\/span\u003ethat end up being built from scratch.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eFigma ↔ Vuetify Sync is the plugin that bridges this gap. Built upon the official Vuetify UI Kit not a generic exporter it transforms your code into faithful designs and your designs into ready-to-paste code, boasting 99% validated accuracy across all 580 official components.\u003c\/p\u003e\n\u003cp class=\"p1\"\u003e\u003cb\u003eHow it works:\u003c\/b\u003e\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eCode → Design: Paste your Vue\/Vuetify code (components or entire pages) and generate Figma designs with the correct structure and styles.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eDesign → Code: Select your Figma designs and export Vue code ready for your project, using the configuration Vuetify expects.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003eWhat your team will notice:\u003c\/p\u003e\n\u003cp class=\"p3\"\u003e* Handoffs in minutes, not days.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003e* A unified standard for design and development—no surprises in production.\u003c\/p\u003e\n\u003cp class=\"p3\"\u003e* Fewer clarification meetings, more focus on the product. \u003c\/p\u003e","brand":"Juan J Cardona","offers":[{"title":"Default Title","offer_id":49018921451742,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2695\/0984\/files\/NDtfEmxLPA.png?v=1789075650"}],"url":"https:\/\/store.vuetifyjs.com\/collections\/news.oembed?page=2","provider":"Vuetify","version":"1.0","type":"link"}