[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-native-base-design-system-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"related-resources-native-base-design-system":94},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":14,"pros":20,"cons":25,"best_for":28,"cover":29,"icon":30,"categories":31,"tags":36,"files":41,"pricing":39,"platform":45},454,"NativeBase Design System","native-base-design-system","https:\u002F\u002Fnativebase.io\u002F",null,"open-source UI component library for React Native with customizable, accessible cross-platform designs.","NativeBase is an open-source, universal design system and UI component library for React Native and web, enabling developers to build consistent, accessible, and performant mobile and web applications with ready-to-use components. It supports theming, dark mode, and platform-specific adaptations (iOS\u002FAndroid\u002Fweb), making it ideal for cross-platform development without separate codebases. With over 50k GitHub stars, it's widely used for rapid prototyping and production apps, offering extensive customization through theme tokens and utility props.\nComponent Library: 40+ pre-built components like buttons, forms, cards, navigation, modals, and lists with variants.\nTheming: Highly customizable themes using tokens for colors, typography, spacing, and shadows.\nAccessibility: Built-in ARIA support, focus management, and screen reader compatibility.\nCross-Platform: Works seamlessly on React Native (iOS\u002FAndroid) and web (React).\nTools: NativeBase Provider for global theming; integration with Expo and Next.js.",{"title":13,"description":10},"NativeBase Design System - open-source UI component library for React Native with customizable, accessible cross-platform designs. | DesignToolMark",[15,16,17,18,19],"Component Library: 40+ pre-built components like buttons, forms, cards, navigation, modals, and lists with variants.","Theming: Highly customizable themes using tokens for colors, typography, spacing, and shadows.","Accessibility: Built-in ARIA support, focus management, and screen reader compatibility.","Cross-Platform: Works seamlessly on React Native (iOS\u002FAndroid) and web (React).","Tools: NativeBase Provider for global theming; integration with Expo and Next.js.",[21,22,23,24],"Open source","Color palette generation","Accessibility contrast checking","Comprehensive design system",[26,27],"Adoption requires team alignment","Customization can be complex","Teams building scalable, consistent digital products.","3f441d33-8c8a-4c12-8688-40e441a2c25e.webp","3768d1ca-e470-41c2-a217-4c2547c0c7ea.svg",[32],{"name":33,"slug":34,"sub_categories":35},"Design Systems","design-systems",[],[37,40],{"name":38,"slug":39},"Free","free",{"name":33,"slug":34},[42],{"url":43,"type":44},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1098591432716522150\u002Fnativebase-v3-4-design-kit","figma",[46,47,48],"Browser","iOS","Android",[50,61,72,83],{"id":51,"url":52,"icon":53,"name":54,"slug":55,"tags":56,"cover":57,"tagline":58,"is_featured":9,"date_created":59,"date_updated":60},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":62,"url":63,"icon":64,"name":65,"slug":66,"tags":67,"cover":68,"tagline":69,"is_featured":9,"date_created":70,"date_updated":71},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":73,"url":74,"icon":75,"name":76,"slug":77,"tags":78,"cover":79,"tagline":80,"is_featured":9,"date_created":81,"date_updated":82},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":84,"url":85,"icon":86,"name":87,"slug":88,"tags":89,"cover":90,"tagline":91,"is_featured":9,"date_created":92,"date_updated":93},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",[95,106,117],{"url":96,"icon":97,"name":98,"slug":99,"tags":100,"cover":102,"tagline":103,"is_featured":9,"date_created":104,"date_updated":105},"https:\u002F\u002Fvuetifyjs.com\u002F","bd46950f-9a47-4d81-95da-ed6467288051.svg","Vuetify","vuetify",[101],{"seo":9,"name":9,"slug":34},"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",{"url":107,"icon":108,"name":109,"slug":110,"tags":111,"cover":114,"tagline":115,"is_featured":9,"date_created":116,"date_updated":9},"https:\u002F\u002Fa2ui.org\u002F","90e66dd0-3893-4b87-84c7-41c1e53e434e.svg","A2UI","a2-ui",[112,113],{"seo":9,"name":38,"slug":39},{"seo":9,"name":9,"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":118,"icon":119,"name":120,"slug":121,"tags":122,"cover":125,"tagline":126,"is_featured":9,"date_created":127,"date_updated":9},"https:\u002F\u002Fwww.figma.com\u002F@holaluzdesign","31726a47-9410-4f9d-a46e-552874d16dad.svg","Watt Design System","watt-design-system",[123,124],{"seo":9,"name":38,"slug":39},{"seo":9,"name":9,"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"]