[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-native-base-design-system-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":51,"alternatives-native-base-design-system-en-US":119,"related-resources-native-base-design-system-en-US":179},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,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":36,"views_count":37,"featured_rank":9,"categories":38,"tags":43,"files":47},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","free",[33,34,35],"Browser","iOS","Android",{"free":3},0,[39],{"name":40,"slug":41,"sub_categories":42},"Design Systems","design-systems",[],[44,46],{"name":45,"slug":31},"Free",{"name":40,"slug":41},[48],{"url":49,"type":50},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1098591432716522150\u002Fnativebase-v3-4-design-kit","figma",[52,71,87,105],{"id":53,"url":54,"icon":9,"name":55,"slug":56,"tags":57,"cover":67,"tagline":68,"is_featured":69,"date_created":70,"date_updated":9},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[58,60,62,64],{"seo":9,"name":9,"slug":59},"wireframe",{"seo":9,"name":9,"slug":61},"user-research",{"seo":9,"name":9,"slug":63},"web-design",{"seo":9,"name":65,"slug":66},"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":72,"url":73,"icon":9,"name":74,"slug":75,"tags":76,"cover":84,"tagline":85,"is_featured":69,"date_created":86,"date_updated":9},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[77,78,79,81,83],{"seo":9,"name":9,"slug":59},{"seo":9,"name":9,"slug":61},{"seo":9,"name":9,"slug":80},"collaboration",{"seo":9,"name":9,"slug":82},"design-handoff",{"seo":9,"name":65,"slug":66},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":88,"url":89,"icon":9,"name":90,"slug":91,"tags":92,"cover":102,"tagline":103,"is_featured":69,"date_created":104,"date_updated":9},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[93,94,96,97,99,101],{"seo":9,"name":9,"slug":59},{"seo":9,"name":9,"slug":95},"prototyping",{"seo":9,"name":9,"slug":63},{"seo":9,"name":9,"slug":98},"responsive",{"seo":9,"name":9,"slug":100},"icons",{"seo":9,"name":65,"slug":66},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":106,"url":107,"icon":9,"name":108,"slug":109,"tags":110,"cover":116,"tagline":117,"is_featured":69,"date_created":118,"date_updated":9},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[111,112,113,114,115],{"seo":9,"name":9,"slug":59},{"seo":9,"name":9,"slug":95},{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":82},{"seo":9,"name":65,"slug":66},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[120,126,132,138,144,150,156,162,168,174],{"url":121,"name":122,"slug":123,"cover":124,"tagline":125},"https:\u002F\u002Fhorizon.servicenow.com\u002F","Horizon Design System","horizon-design-system","1029d4f0-63f9-4111-8f8c-c1d34fddda0a.webp","HashiCorp's open-source design system for consistent, accessible cloud management interfaces.",{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"https:\u002F\u002Fm3.material.io\u002F","Material Design","material-design","9ac1a8c0-b24f-4e26-abab-f5bbdb080afa.webp","Google's open-source design system for consistent, intuitive interfaces across platforms.",{"url":133,"name":134,"slug":135,"cover":136,"tagline":137},"https:\u002F\u002Flearn.microsoft.com\u002Fen-us\u002Fmicrosoftteams\u002Fplatform\u002Fconcepts\u002Fdesign\u002Fdesign-teams-app-basic-ui-components","Microsoft Teams UI Kit","microsoft-teams-ui-kit","b9783ef1-ff6f-4411-9c33-dde957106821.webp","Figma-based components and templates for designing consistent Teams apps.",{"url":139,"name":140,"slug":141,"cover":142,"tagline":143},"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F928108847914589057","Figma UI2","figma-ui-2","c6712166-b324-4c90-820f-c2f773a44ac1.webp","Figma's official design system for consistent, accessible product interfaces.",{"url":145,"name":146,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Fmoondesignsystem.com\u002F","Moon Design System","moon-design-system","98a03427-305d-4b4f-9ff3-75d7355da784.webp","open-source UI framework for consistent, customizable digital experiences.",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fnewskit.co.uk\u002F","NewsKit","news-kit","f4b41300-39f8-4c94-8f02-8291169b9262.webp","News UK's open-source design system for consistent, accessible digital news experiences.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Forbit.kiwi\u002F","Orbit","orbit","ca0024d4-524d-4f26-9f4c-4ecb534bf93a.webp","Kiwi.com's open-source design system for consistent, accessible travel booking interfaces.",{"url":163,"name":164,"slug":165,"cover":166,"tagline":167},"https:\u002F\u002Fdesign.gitlab.com\u002F","Pajamas","pajamas","6df3ce4e-0bfa-4305-8480-02e2151c1c56.webp","GitLab's open-source design system for consistent, accessible interfaces across products.",{"url":169,"name":170,"slug":171,"cover":172,"tagline":173},"https:\u002F\u002Fux.palmetto.com\u002F","Palmetto Design System","palmetto-design-system","f50abbab-5c4c-4f0a-aabf-8ec395fdd81c.webp","open-source design system for consistent, accessible solar energy product interfaces.",{"url":175,"name":176,"slug":176,"cover":177,"tagline":178},"https:\u002F\u002Fgluestack.io\u002F","gluestack-ui","5a546b62-0e4c-4f7b-afd7-90b343d10bdb.webp","open-source universal React UI library with customizable, accessible components for web and native apps.",[180,194,206],{"url":181,"icon":9,"name":182,"slug":183,"tags":184,"cover":191,"tagline":192,"is_featured":9,"date_created":193,"date_updated":9},"https:\u002F\u002Fzeroheight.com","Zeroheight","zeroheight",[185,186,187,188,189],{"seo":9,"name":9,"slug":41},{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":95},{"seo":9,"name":9,"slug":82},{"seo":9,"name":9,"slug":190},"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":195,"icon":9,"name":196,"slug":197,"tags":198,"cover":203,"tagline":204,"is_featured":9,"date_created":205,"date_updated":9},"https:\u002F\u002Fspecifyapp.com","Specify","specify",[199,200,202],{"seo":9,"name":9,"slug":80},{"seo":9,"name":9,"slug":201},"version-control",{"seo":9,"name":9,"slug":82},"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":207,"icon":208,"name":209,"slug":210,"tags":211,"cover":213,"tagline":214,"is_featured":9,"date_created":215,"date_updated":216},"https:\u002F\u002Fvuetifyjs.com\u002F","bd46950f-9a47-4d81-95da-ed6467288051.svg","Vuetify","vuetify",[212],{"seo":9,"name":9,"slug":41},"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"]