[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-nuxt-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-nuxt-ui-en-US":117,"related-resources-nuxt-ui-en-US":154},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,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":33,"featured_rank":10,"categories":34,"tags":43,"files":45},260,"Nuxt UI","nuxt-ui","https:\u002F\u002Fui.nuxt.com\u002F","2025-11-12T02:53:11.931+00:00",null,"Nuxt UI is an open-source UI component library designed for Nuxt 3 applications, offering beautiful, customizable, and accessible Vue components.","Nuxt UI is a UI component library developed natively for the Nuxt 3 framework. It fully leverages Nuxt 3's features, providing components that seamlessly integrate with the Nuxt ecosystem.\nRich UI Components\nThe library includes a comprehensive set of pre-built UI components, covering a wide range from basic elements (like buttons, input fields, select boxes) to more complex components (like modals, notifications, accordions, tabs, data tables), meeting daily development needs.\nTheming and Customization\nNuxt UI offers powerful theming capabilities. Users can customize the look and feel of components by modifying their Tailwind CSS configuration or through presets, aligning them with brand styles. It includes built-in Dark Mode support.\nAccessibility\nAll components are meticulously designed to ensure a high level of accessibility. They follow WAI-ARIA best practices, providing keyboard navigation support, proper semantic HTML structure, and focus management, allowing users of assistive technologies to access them smoothly.\nZero-Config\nNuxt UI strives to provide a \"zero-config\" development experience. Integrating and using components is typically straightforward, without complex setup steps.\nBased on Vue and Headless UI\nUnder the hood, components utilize Vue.js and the Headless UI library. Headless UI provides unstyled, fully accessible UI logic, and Nuxt UI builds upon this by adding default styles and themes, allowing developers to get beautiful, out-of-the-box components while maintaining high customizability.\nAll components come with built-in responsive design, automatically adapting to different screen sizes to ensure a good user experience on desktops, tablets, and mobile devices.\nNuxt UI offers integration with the @nuxt\u002Fui-icons module, making it easy to use thousands of customizable icons.",{"title":14,"description":11},"Nuxt UI - Nuxt UI is an open-source UI component library designed for Nuxt 3 applications, offering beautiful, customizable, and accessible Vue components. | DesignToolMark",[16,17,18,19],"Comprehensive component library","Design tokens","Documentation included","Theme customization",[21,22,23,24],"Extensive icon library","Customizable colors and sizes","Comprehensive design system","Frontend-ready components",[26,27],"Adoption requires team alignment","Customization can be complex","All components come with built-in responsive design, automatically adapting to different screen sizes to ensure a good user experience on desktops, tablets, and mobile devices. Nuxt UI offers integration with the `@nuxt\u002Fui-icons` module, making it easy to use thousands of customizable icons.","f2abda49-a137-4a30-9fc6-73b24f26a1a1.webp","60390014-bc79-4cce-83f8-b81b2f2bd72b.svg","free",{"free":3},0,[35,39],{"name":36,"slug":37,"sub_categories":38},"Design Systems","design-systems",[],{"name":40,"slug":41,"sub_categories":42},"Templates & UI Kits","templates-ui-kits",[],[44],{"name":36,"slug":37},[46],{"url":47,"type":48},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1544369209862884086","figma",[50,69,85,103],{"id":51,"url":52,"icon":10,"name":53,"slug":54,"tags":55,"cover":65,"tagline":66,"is_featured":67,"date_created":68,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[56,58,60,62],{"seo":10,"name":10,"slug":57},"wireframe",{"seo":10,"name":10,"slug":59},"user-research",{"seo":10,"name":10,"slug":61},"web-design",{"seo":10,"name":63,"slug":64},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":70,"url":71,"icon":10,"name":72,"slug":73,"tags":74,"cover":82,"tagline":83,"is_featured":67,"date_created":84,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[75,76,77,79,81],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":59},{"seo":10,"name":10,"slug":78},"collaboration",{"seo":10,"name":10,"slug":80},"design-handoff",{"seo":10,"name":63,"slug":64},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":86,"url":87,"icon":10,"name":88,"slug":89,"tags":90,"cover":100,"tagline":101,"is_featured":67,"date_created":102,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[91,92,94,95,97,99],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":93},"prototyping",{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":96},"responsive",{"seo":10,"name":10,"slug":98},"icons",{"seo":10,"name":63,"slug":64},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":114,"tagline":115,"is_featured":67,"date_created":116,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[109,110,111,112,113],{"seo":10,"name":10,"slug":57},{"seo":10,"name":10,"slug":93},{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":80},{"seo":10,"name":63,"slug":64},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[118,124,130,136,142,148],{"url":119,"name":120,"slug":121,"cover":122,"tagline":123},"https:\u002F\u002Ftailwindcss.com\u002Fplus","Tailwind UI Blocks","tailwind-ui-blocks","4e383b64-9b01-4b4d-af66-0bbd07b19419.webp","Tailwind UI Blocks offer pre-built UI components and layouts based on Tailwind CSS, accelerating your web development for beautiful and responsive designs.",{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"https:\u002F\u002Fmui.com\u002F","MUI","mui","bed9b944-a96c-4bb2-892d-f818f221f053.webp","MUI is a UI component library specifically designed for React applications. It provides a vast array of ready-to-use React components for building user interfaces, following React's declarative programming paradigm.",{"url":131,"name":132,"slug":133,"cover":134,"tagline":135},"https:\u002F\u002Fant.design\u002F","Ant Design","ant-design","46e77f76-13b9-4032-93fd-30c2bddda508.webp","Ant Design is an enterprise-level UI design language and React component library, providing high-quality UI solutions to help build elegant and efficient enterprise products.",{"url":137,"name":138,"slug":139,"cover":140,"tagline":141},"https:\u002F\u002Fchakra-ui.com\u002F","Chakra UI","chakra-ui","c663e14b-ed3e-4890-a479-b6839b558313.webp","Chakra UI is a simple, modular, and accessible React UI component library, focused on enhancing developer experience and providing highly customizable building blocks.",{"url":143,"name":144,"slug":145,"cover":146,"tagline":147},"https:\u002F\u002Fwww.heroui.com\u002F","Hero UI","hero-ui","795eb9ae-d74c-49bd-8f13-9fb6225f087c.webp","Beautiful, fast and modern React UI library for building accessible and customizable web applications.",{"url":149,"name":150,"slug":151,"cover":152,"tagline":153},"https:\u002F\u002Felement-plus.org\u002F","Element Plus","element-plus","0474b1f2-6bdb-4aa5-99ac-f72a69517f6f.webp","Element Plus is a desktop UI component library designed for Vue 3, offering rich, elegant enterprise-grade components to efficiently build management systems.",[155,169,181],{"url":156,"icon":10,"name":157,"slug":158,"tags":159,"cover":166,"tagline":167,"is_featured":10,"date_created":168,"date_updated":10},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight",[160,161,162,163,164],{"seo":10,"name":10,"slug":37},{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":93},{"seo":10,"name":10,"slug":80},{"seo":10,"name":10,"slug":165},"figma-file","8f4828c0-3236-44df-9cce-4b74ad2700f7.webp","Living design system documentation — connect Figma to code with interactive docs","2026-06-16T07:16:42.647437+00:00",{"url":170,"icon":10,"name":171,"slug":172,"tags":173,"cover":178,"tagline":179,"is_featured":10,"date_created":180,"date_updated":10},"https:\u002F\u002Fspecifyapp.com","Specify","specify",[174,175,177],{"seo":10,"name":10,"slug":78},{"seo":10,"name":10,"slug":176},"version-control",{"seo":10,"name":10,"slug":80},"ac2bb029-95df-4617-97ca-6051f5dccfc1.webp","Design token platform that pushes your design decisions to code — automatically","2026-06-16T07:14:19.135613+00:00",{"url":182,"icon":183,"name":184,"slug":185,"tags":186,"cover":188,"tagline":189,"is_featured":10,"date_created":190,"date_updated":191},"https:\u002F\u002Fvuetifyjs.com\u002F","bd46950f-9a47-4d81-95da-ed6467288051.svg","Vuetify","vuetify",[187],{"seo":10,"name":10,"slug":37},"screenshots\u002Fvuetify.webp","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.","2025-10-15T08:20:56.561+00:00","2026-06-12T06:51:44.386368+00:00"]