[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-vuetify-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"related-resources-vuetify":92},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"categories":31,"tags":40,"files":42,"pricing":46,"platform":10},266,"Vuetify","vuetify","https:\u002F\u002Fvuetifyjs.com\u002F","2026-06-12T06:51:44.386368+00:00",null,"Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities.","Vuetify is a comprehensive UI framework designed for the Vue.js ecosystem. It is more than just a component library; it's a solution that integrates a design system, tools, and resources to help developers build complete applications.\nA core feature of Vuetify is its strict adherence to Google's Material Design guidelines. All components are highly compliant with Material Design specifications in terms of appearance, interaction, and animation, providing a consistent and modern user experience.\nRich UI Components\nThe framework offers over 80 high-quality UI components, covering everything from basic buttons, cards, input fields to complex layout systems, data tables, navigation drawers, dialogs, time pickers, and more, capable of meeting the needs of various complex applications.",{"title":14,"description":11},"Vuetify - Vuetify is a complete Vue.js UI framework that strictly adheres to Material Design guidelines, offering a rich set of components and powerful customization capabilities. | DesignToolMark",[16,17,18,19],"Comprehensive component library","Design tokens","Documentation included","Theme customization",[21,22,23,24],"Smooth animation capabilities","Comprehensive design system","Frontend-ready components","Developer-friendly",[26,27],"Adoption requires team alignment","Customization can be complex","A core feature of Vuetify is its strict adherence to Google's Material Design guidelines. All components are highly compliant with Material Design specifications in terms of appearance, interaction, and animation, providing a consistent and modern user experience. The framework offers over 80 high-quality UI components, covering everything from basic buttons, cards, input fields to complex layout systems, data tables, navigation drawers, dialogs, time pickers, and more, capable of meeting the needs of various complex applications.","screenshots\u002Fvuetify.webp","bd46950f-9a47-4d81-95da-ed6467288051.svg",[32,36],{"name":33,"slug":34,"sub_categories":35},"Design Systems","design-systems",[],{"name":37,"slug":38,"sub_categories":39},"Templates & UI Kits","templates-ui-kits",[],[41],{"name":33,"slug":34},[43],{"url":44,"type":45},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F967114083319278799\u002Fvuetify-material-design-component-figma-library-for-vue-js","figma","free",[48,59,70,81],{"id":49,"url":50,"icon":51,"name":52,"slug":53,"tags":54,"cover":55,"tagline":56,"is_featured":10,"date_created":57,"date_updated":58},270,"https:\u002F\u002Fwww.behance.net\u002F","f6e5ea97-4aa8-441b-a0f4-eee5767de3b8.svg","Behance","behance",[],"bcf198fc-ade1-4690-84c6-d9597aed1884.webp","Behance is the world's leading platform for showcasing and discovering creative work, where designers can share portfolios, find inspiration, and demonstrate creative talent.","2025-10-16T06:46:36.68+00:00","2026-06-13T08:42:29.146+00:00",{"id":60,"url":61,"icon":62,"name":63,"slug":64,"tags":65,"cover":66,"tagline":67,"is_featured":10,"date_created":68,"date_updated":69},277,"https:\u002F\u002Fuxmovement.com\u002F","89e85a3d-da3b-472b-b85d-cc191cccfacd.svg","UX Movement","ux-movement",[],"b4ed07e1-f4f5-4143-b2f8-134e1a5c2d21.webp","UX Movement is a blog focused on User Experience (UX) design, providing in-depth articles that analyze how design choices impact user behavior.","2025-10-16T07:16:37.072+00:00","2026-06-13T08:36:58.995+00:00",{"id":71,"url":72,"icon":73,"name":74,"slug":75,"tags":76,"cover":77,"tagline":78,"is_featured":10,"date_created":79,"date_updated":80},274,"https:\u002F\u002Fmobbin.com\u002F","d73aee25-dc9a-47be-8c49-9384bf12c330.svg","Mobbin","mobbin",[],"27b1b206-f799-4c3e-b8a6-e0bfb77116f6.webp","Mobbin is a leading mobile app design inspiration library, offering a vast collection of real app screenshots to help UI\u002FUX designers discover the latest design trends and patterns.","2025-10-16T06:58:32.277+00:00","2026-06-13T08:35:31.882+00:00",{"id":82,"url":83,"icon":84,"name":85,"slug":86,"tags":87,"cover":88,"tagline":89,"is_featured":10,"date_created":90,"date_updated":91},280,"https:\u002F\u002Fwww.siteinspire.com\u002F","35a6894f-8f00-45fa-bafd-5e05a7e3e570.svg","Siteinspire","siteinspire",[],"d828093b-129d-44bb-b57a-5fea71108299.webp","Siteinspire is a curated web design inspiration gallery, showcasing high-quality website designs to help designers discover trends, styles, and creativity.","2025-10-16T07:56:08.896+00:00","2026-06-13T08:33:18.256+00:00",[93,105,116],{"url":94,"icon":95,"name":96,"slug":97,"tags":98,"cover":102,"tagline":103,"is_featured":10,"date_created":104,"date_updated":10},"https:\u002F\u002Fa2ui.org\u002F","90e66dd0-3893-4b87-84c7-41c1e53e434e.svg","A2UI","a2-ui",[99,101],{"seo":10,"name":100,"slug":46},"Free",{"seo":10,"name":10,"slug":34},"573cf97b-b61e-4e5b-b494-c0a0a00c861e.webp","open-source protocol for AI agents to generate secure, declarative UIs across platforms.","2025-12-22T07:59:12.27+00:00",{"url":106,"icon":107,"name":108,"slug":109,"tags":110,"cover":113,"tagline":114,"is_featured":10,"date_created":115,"date_updated":10},"https:\u002F\u002Fwww.figma.com\u002F@holaluzdesign","31726a47-9410-4f9d-a46e-552874d16dad.svg","Watt Design System","watt-design-system",[111,112],{"seo":10,"name":100,"slug":46},{"seo":10,"name":10,"slug":34},"eb4ad657-8eef-4e17-a931-acd12dcec1cd.webp","Holaluz's Figma-based UI kit for consistent, accessible renewable energy interfaces.","2025-12-15T08:53:54.956+00:00",{"url":117,"icon":118,"name":119,"slug":120,"tags":121,"cover":124,"tagline":125,"is_featured":10,"date_created":126,"date_updated":10},"https:\u002F\u002Fvibe.monday.com\u002F","010d4f5b-7f98-47ea-9418-4eaaa6404545.svg","Vibe Design System","vibe-design-system",[122,123],{"seo":10,"name":100,"slug":46},{"seo":10,"name":10,"slug":34},"dd832223-6926-4f37-8bd9-2bf392483972.webp","monday.com's open-source design system for consistent, accessible work management interfaces.","2025-12-15T08:29:56.578+00:00"]