[{"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":51,"alternatives-naive-ui-en-US":126,"related-resources-naive-ui-en-US":205},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":21,"cons":24,"best_for":27,"cover":28,"icon":29,"pricing":30,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":31,"views_count":32,"featured_rank":10,"categories":33,"tags":42,"files":47},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,"meta_description":15},"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","Naive UI provides a very comprehensive and highquality collection of UI components, covering a wide range from basic buttons, input fields, selectors, forms ...",[17,18,19,20],"Comprehensive component library","Design tokens","Documentation included","Theme customization",[22,23],"Comprehensive design system","Professional-quality output",[25,26],"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,[34,38],{"name":35,"slug":36,"sub_categories":37},"Design Systems","design-systems",[],{"name":39,"slug":40,"sub_categories":41},"Templates & UI Kits","templates-ui-kits",[],[43,44],{"name":35,"slug":36},{"name":45,"slug":46},"AI","ai",[48],{"url":49,"type":50},"https:\u002F\u002Fnaive-ui.oss-accelerate.aliyuncs.com\u002FNaiveUI-Design-Library-zh-CN.sketch","sketch",[52,73,88,101],{"id":53,"url":54,"icon":10,"name":55,"slug":56,"tags":57,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[58,60,62,64,66,68],{"seo":10,"name":59,"slug":30},"Free",{"seo":10,"name":10,"slug":61},"fonts",{"seo":10,"name":10,"slug":63},"icons",{"seo":10,"name":10,"slug":65},"mockups",{"seo":10,"name":10,"slug":67},"ui-kits",{"seo":10,"name":10,"slug":36},"39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":74,"url":75,"icon":10,"name":76,"slug":77,"tags":78,"cover":85,"tagline":86,"is_featured":71,"date_created":87,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[79,80,83],{"seo":10,"name":59,"slug":30},{"seo":10,"name":81,"slug":82},"Open Source","open-source",{"seo":10,"name":10,"slug":84},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":89,"url":90,"icon":10,"name":91,"slug":92,"tags":93,"cover":98,"tagline":99,"is_featured":71,"date_created":100,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[94,95,96],{"seo":10,"name":59,"slug":30},{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":97},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":102,"url":103,"icon":10,"name":104,"slug":105,"tags":106,"cover":123,"tagline":124,"is_featured":71,"date_created":125,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[107,110,111,112,115,116,117,119,121],{"seo":10,"name":108,"slug":109},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":46},{"seo":10,"name":59,"slug":30},{"seo":10,"name":113,"slug":114},"Freemium","freemium",{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":36},{"seo":10,"name":10,"slug":118},"prototyping",{"seo":10,"name":10,"slug":120},"no-code",{"seo":10,"name":10,"slug":122},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[127,133,139,145,151,157,163,169,175,181,187,193,199],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fblocks.lander.studio","Lander Studio Blocks","lander-studio-blocks","87513c7c-ecfb-488d-bc10-777f9f8c46ca.webp","Free Figma UI block library — copy and paste components directly into your designs",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"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":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"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":152,"name":153,"slug":154,"cover":155,"tagline":156},"https:\u002F\u002Freadymag.com","Readymag","readymag","ecb98afd-9dc4-482f-a0d3-2cdd3a979b7a.webp","Design stunning web publications, portfolios, and landing pages — no coding required",{"url":158,"name":159,"slug":160,"cover":161,"tagline":162},"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":164,"name":165,"slug":166,"cover":167,"tagline":168},"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":170,"name":171,"slug":172,"cover":173,"tagline":174},"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":176,"name":177,"slug":178,"cover":179,"tagline":180},"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":182,"name":183,"slug":184,"cover":185,"tagline":186},"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":188,"name":189,"slug":190,"cover":191,"tagline":192},"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":194,"name":195,"slug":196,"cover":197,"tagline":198},"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":200,"name":201,"slug":202,"cover":203,"tagline":204},"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.",[206,214,225],{"url":54,"icon":10,"name":55,"slug":56,"tags":207,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},[208,209,210,211,212,213],{"seo":10,"name":59,"slug":30},{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":36},{"url":103,"icon":10,"name":104,"slug":105,"tags":215,"cover":123,"tagline":124,"is_featured":71,"date_created":125,"date_updated":10},[216,217,218,219,220,221,222,223,224],{"seo":10,"name":108,"slug":109},{"seo":10,"name":10,"slug":46},{"seo":10,"name":59,"slug":30},{"seo":10,"name":113,"slug":114},{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":36},{"seo":10,"name":10,"slug":118},{"seo":10,"name":10,"slug":120},{"seo":10,"name":10,"slug":122},{"url":226,"icon":10,"name":227,"slug":228,"tags":229,"cover":235,"tagline":236,"is_featured":71,"date_created":237,"date_updated":10},"https:\u002F\u002Fflareum.io\u002F","Flareum","flareum",[230,231,233],{"seo":10,"name":10,"slug":36},{"seo":10,"name":10,"slug":232},"figma-file",{"seo":10,"name":10,"slug":234},"collaboration","7ce196b0-b5f3-49d4-ba83-cdff08424942.webp","Design system builder that syncs Figma and code","2026-06-23T12:06:17.661232+00:00"]