[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-naive-ui-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-naive-ui-en-US":118,"related-resources-naive-ui-en-US":185},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":23,"best_for":26,"cover":27,"icon":28,"pricing":29,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":30,"views_count":31,"featured_rank":10,"categories":32,"tags":41,"files":46},267,"Naive UI","naive-ui","https:\u002F\u002Fwww.naiveui.com\u002F","2025-11-12T02:55:35.426+00:00",null,"Naive UI is a Vue 3 component library recommended by Evan You, offering beautiful, high-performance, and highly customizable components, entirely written in TypeScript.","Naive UI provides a very comprehensive and high-quality collection of UI components, covering a wide range from basic buttons, input fields, selectors, forms to complex tables, tree controls, calendars, notifications, modals, and more, meeting the needs of most application scenarios.",{"title":14,"description":11},"Naive UI - Naive UI is a Vue 3 component library recommended by Evan You, offering beautiful, high-performance, and highly customizable components, entirely written in TypeScript. | DesignToolMark",[16,17,18,19],"Comprehensive component library","Design tokens","Documentation included","Theme customization",[21,22],"Comprehensive design system","Professional-quality output",[24,25],"Adoption requires team alignment","Customization can be complex","Teams building scalable, consistent digital products.","c0549a7c-6a36-442d-bc7c-986f1829b43e.webp","ac3f323b-4142-48ff-8647-a4bc187f6d0e.svg","free",{"free":3},0,[33,37],{"name":34,"slug":35,"sub_categories":36},"Design Systems","design-systems",[],{"name":38,"slug":39,"sub_categories":40},"Templates & UI Kits","templates-ui-kits",[],[42,45],{"name":43,"slug":44},"AI","ai",{"name":34,"slug":35},[47],{"url":48,"type":49},"https:\u002F\u002Fnaive-ui.oss-accelerate.aliyuncs.com\u002FNaiveUI-Design-Library-zh-CN.sketch","sketch",[51,70,86,104],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[57,59,61,63],{"seo":10,"name":10,"slug":58},"wireframe",{"seo":10,"name":10,"slug":60},"user-research",{"seo":10,"name":10,"slug":62},"web-design",{"seo":10,"name":64,"slug":65},"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":71,"url":72,"icon":10,"name":73,"slug":74,"tags":75,"cover":83,"tagline":84,"is_featured":68,"date_created":85,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[76,77,78,80,82],{"seo":10,"name":10,"slug":58},{"seo":10,"name":10,"slug":60},{"seo":10,"name":10,"slug":79},"collaboration",{"seo":10,"name":10,"slug":81},"design-handoff",{"seo":10,"name":64,"slug":65},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":87,"url":88,"icon":10,"name":89,"slug":90,"tags":91,"cover":101,"tagline":102,"is_featured":68,"date_created":103,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[92,93,95,96,98,100],{"seo":10,"name":10,"slug":58},{"seo":10,"name":10,"slug":94},"prototyping",{"seo":10,"name":10,"slug":62},{"seo":10,"name":10,"slug":97},"responsive",{"seo":10,"name":10,"slug":99},"icons",{"seo":10,"name":64,"slug":65},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":105,"url":106,"icon":10,"name":107,"slug":108,"tags":109,"cover":115,"tagline":116,"is_featured":68,"date_created":117,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[110,111,112,113,114],{"seo":10,"name":10,"slug":58},{"seo":10,"name":10,"slug":94},{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":81},{"seo":10,"name":64,"slug":65},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[119,125,131,137,143,149,155,161,167,173,179],{"url":120,"name":121,"slug":122,"cover":123,"tagline":124},"https:\u002F\u002Fvuetifyjs.com\u002F","Vuetify","vuetify","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.",{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fui.shadcn.com\u002F","shadcn\u002Fui","shadcn-ui","dd0a4029-629e-4e5d-9765-d33af6f31794.webp","shadcn\u002Fui is a unique collection of composable React UI components, offering copy-and-paste code that is highly customizable and seamlessly integrates with Tailwind CSS.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fanimate-ui.com\u002F","Animate UI","animate-ui","51875bb1-cd07-4d4b-b76c-940dab1c9780.webp","Animate UI is a free open-source React component library with Tailwind and Framer Motion animations, inspired by shadcn\u002Fui, to effortlessly elevate web interfaces.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1047600760128127424\u002Faws-amplify-ui-kit","AWS Amplify","aws-amplify","4ba08f58-1771-43c7-9b18-b3445362f384.webp","Figma components for building Amplify-powered apps with consistent AWS design language.",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F862805330899066752","Airtable UI Kit","airtable-ui-kit","59462e6f-03cf-4786-878f-43147ddf2897.webp","Figma components for designing Airtable-integrated apps with consistent UI patterns.",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fflowbite.com\u002F","Flowbite Design System","flowbite-design-system","1fc705b7-2a78-4a13-ae72-b6fbf30933be.webp","open-source Tailwind CSS component library with Figma kit for rapid UI building.",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"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":162,"name":163,"slug":164,"cover":165,"tagline":166},"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":168,"name":169,"slug":170,"cover":171,"tagline":172},"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":174,"name":175,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fwww.wixdesignsystem.com\u002F","Wix Design System","wix-design-system","1d3e413c-f60a-4a67-9e60-f2c2fbb3e383.webp","comprehensive Figma library of UI components and guidelines for consistent Wix app designs.",{"url":180,"name":181,"slug":182,"cover":183,"tagline":184},"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.",[186,200,212],{"url":187,"icon":10,"name":188,"slug":189,"tags":190,"cover":197,"tagline":198,"is_featured":10,"date_created":199,"date_updated":10},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight",[191,192,193,194,195],{"seo":10,"name":10,"slug":35},{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":94},{"seo":10,"name":10,"slug":81},{"seo":10,"name":10,"slug":196},"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":201,"icon":10,"name":202,"slug":203,"tags":204,"cover":209,"tagline":210,"is_featured":10,"date_created":211,"date_updated":10},"https:\u002F\u002Fspecifyapp.com","Specify","specify",[205,206,208],{"seo":10,"name":10,"slug":79},{"seo":10,"name":10,"slug":207},"version-control",{"seo":10,"name":10,"slug":81},"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":120,"icon":213,"name":121,"slug":122,"tags":214,"cover":123,"tagline":124,"is_featured":10,"date_created":216,"date_updated":217},"bd46950f-9a47-4d81-95da-ed6467288051.svg",[215],{"seo":10,"name":10,"slug":35},"2025-10-15T08:20:56.561+00:00","2026-06-12T06:51:44.386368+00:00"]