[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3729":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},3729,"NativeBase","GeekyAnts\u002FNativeBase","GeekyAnts","Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.","https:\u002F\u002Fnativebase.io\u002F",null,"TypeScript",20390,2403,263,283,0,1,4,9,3,45,"MIT License",false,"master",true,[27,28,29,30,31,32,33,34,35],"android","hacktoberfest","ios","native-platforms","nativebase","nextjs","react","react-native","ui-components","2026-06-12 02:00:53","# ⛔️ DEPRECATED\n# NativeBase ↔ gluestack\n\n> 🚀 NativeBase is evolving into gluestack-ui! What was planned as NativeBase v4 is now available as gluestack-ui - our next-generation component library built for better performance, enhanced customization, and improved developer experience. Visit [gluestack.io](http:\u002F\u002Fgluestack.io) to get started!\n\n## Important Notice: Evolution to gluestack-ui\n\nNativeBase is entering maintenance mode as we evolve into gluestack-ui. This transition represents our commitment to providing the React Native community with more powerful, flexible, and performant UI components. If you are starting a new project with NativeBase, we recommend using [gluestack-ui](https:\u002F\u002Fui.gluestack.io\u002F) instead. [Know More](https:\u002F\u002Fnativebase.io\u002Fblogs\u002Froad-ahead-with-gluestack-ui).\n\n# \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FGeekyAnts\u002FNativeBase\u002Fmaster\u002Fimg\u002Fheader_new.png\" alt=\"Nativebase Logo\">\n\n[![Financial Contributors on Open Collective](https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Fall\u002Fbadge.svg?label=financial+contributors)](https:\u002F\u002Fopencollective.com\u002FNativeBase)\n[![](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F785491682719301643?label=Discord&logo=discord&logoColor=%237289DA)](https:\u002F\u002Fdiscord.com\u002Finvite\u002FTSgCw2UPmb)\n[![npm next package](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fnative-base\u002Fnext.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fnative-base)\n[![npm latest package](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fnative-base\u002Flatest.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fnative-base)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fnative-base.svg)](https:\u002F\u002Fnpm-stat.com\u002Fcharts.html?package=native-base)\n[![license](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg)](https:\u002F\u002Fgithub.com\u002FGeekyAnts\u002FNativeBase\u002Fblob\u002Fmaster\u002FLICENSE)\n[![Follow on Twitter](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fnativebase.svg?label=follow+NativeBase)](https:\u002F\u002Ftwitter.com\u002Fnativebase)\n[![Github Stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FGeekyAnts\u002FNativeBase)](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002FGeekyAnts\u002FNativeBase)\n\n## NativeBase is a mobile-first, accessible component library for building a consistent design system across android, iOS & web.\n\n[**Website**](https:\u002F\u002Fnativebase.io\u002F)\n\u003Cbr\u002F>\n[**Documentation**](https:\u002F\u002Fdocs.nativebase.io\u002F)\n\n\n## About GeekyAnts\n\n   NativeBase is built and maintained by [GeekyAnts](https:\u002F\u002Fgeekyants.com?utm_source=github&utm_medium=opensource&utm_campaign=nativebase),\n   a product development studio with expertise in:\n\n   - [React Native Development](https:\u002F\u002Fgeekyants.com\u002Fhire-react-native-developers?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) -\n     Building production-ready mobile applications\n   - [Design Systems](https:\u002F\u002Fgeekyants.com\u002Fsolution\u002Fdesign-system-development-service?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) -\n     Creating scalable UI component libraries\n   - [Cross-Platform Development](https:\u002F\u002Fgeekyants.com\u002Fsolution\u002Funiversal-and-cross-platform-app-development-services?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) -\n     Universal apps for iOS, Android, and Web\n\n   ### Get Professional Support\n\n   Need help implementing NativeBase in your project?\n   [Contact our mobile engineering team](https:\u002F\u002Fgeekyants.com\u002Fhire?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) for:\n   - Custom component development\n   - Performance optimization\n   - Enterprise support plans\n\n   [Explore all services](https:\u002F\u002Fgeekyants.com\u002Fservice?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) |\n   [View our open source projects](https:\u002F\u002Fgeekyants.com\u002Fopen-source?utm_source=github&utm_medium=opensource&utm_campaign=nativebase)\n\n## Table of Contents\n\n1. [Introduction](#1-introduction)\n2. [Motivation](#2-motivation)\n3. [Features](#3-features)\n4. [Dependencies](#4-dependencies)\n5. [Installation & Setup](#5-installation)\n6. [Components](#6-components)\n7. [Examples](#7-examples)\n8. [KitchenSink App](#8-kitchensink-app)\n9. [Tech Stack](#9-tech-stack)\n10. [Compatible Versions](#10-compatible-versions)\n11. [Contributors](#11-contributors)\n12. [Changelog](#12-changelog)\n13. [Community](#13-community)\n14. [License](#14-license)\n\n## 1. Introduction?\n\n[NativeBase](https:\u002F\u002Fnativebase.io\u002F) is a mobile-first, component library for React & React Native. Version 3.0 ships with complete ARIA integration, support for utility props and nearly 40 components that are consistent across Android, iOS and Web. Fast-track your dev process with NativeBase 3.0.\n\n**Recommended by [Awesome React Native](https:\u002F\u002Fgithub.com\u002Fjondot\u002Fawesome-react-native)**\n\n> NativeBase was added to the list of Frameworks of Awesome React Native and it is used by numerous React lovers across the world.\n\n## 2. Motivation\n\nBuilding with React Native from scratch is a tedious process with multiple steps such as adding styling, interactions, state management, responsiveness, accessibility, etc. We wanted to build and ship accessible, high-quality apps quickly.\n\u003Cbr \u002F>\n\nOur inspirations include Material UI, Chakra UI, Ant Design, Braid Design System, Bootstrap, TailwindCSS & Flutter.\n\n## 3. Features\n\n### **Out of the Box Accessibility**\n\nIntegrated with React ARIA and React Native ARIA, which provides React hooks. This enables you to build accessible design systems in no time.\n\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FGeekyAnts\u002FNativeBase\u002Fdevelopment\u002Fimg\u002Ffeature.png\" alt=\"Out of the box accessibility\">\n\n### **Supporting Utility Props**\n\nPowered by [Styled System](https:\u002F\u002Fstyled-system.com) so you can rapidly build custom UI components with constraint-based utility style props.\n\n### **Rich Component Library**\n\nNativeBase offers around 40 components so you can build seamlessly. It includes button, checkbox, flex, stack and more.\n\n### **Highly Themeable**\n\nThemeability is one of the core elements of NativeBase. You can customise your app theme and component styles to your heart's content.\n\n\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FGeekyAnts\u002FNativeBase\u002Fdevelopment\u002Fimg\u002Ftheme.png\" alt=\"Nativebase Logo\">\n\n### **Available for Both Mobile and Web**\n\nNativeBase 3.0 is powered by React Native Web so you can build consistent UIs across Web, Android and iOS.\n\n### **Responsiveness Made Easy**\n\nInstead of manually adding responsiveness, NativeBase 3.0 allows you to provide object and array values to add responsive styles.\n\n### **Now with** **Dark Mode**\n\nBuilding apps with a dark mode setting just got a whole lot easier. NativeBase is now optimised for light and dark modes.\n\n## 4. Dependencies\n\nReact Native, Expo\n\n## 5. Installation\n\nNativeBase is supported in Expo or React Native CLI initiated apps. Web support is made possible by react-native-web.\n\nRefer the [guides](https:\u002F\u002Fdocs.nativebase.io\u002Finstallation) to setup NativeBase in your React app.\n\n## 6. Components\n\nNativeBase 3.0 is a rich component library with nearly 40 components.\n\n- [**Layout**](https:\u002F\u002Fdocs.nativebase.io\u002Fbox)\n- [**Forms**](https:\u002F\u002Fdocs.nativebase.io\u002Fbutton)\n- [**Data Display**](https:\u002F\u002Fdocs.nativebase.io\u002Fbadge)\n- [**Feedback**](https:\u002F\u002Fdocs.nativebase.io\u002Falert)\n- [**Typography**](https:\u002F\u002Fdocs.nativebase.io\u002Ftext)\n- [**Overlay** ](https:\u002F\u002Fdocs.nativebase.io\u002Falert-dialog)\n- [**Disclosure**](https:\u002F\u002Fdocs.nativebase.io\u002Faction-sheet)\n- [**Media & Icons**](https:\u002F\u002Fdocs.nativebase.io\u002Favatar)\n- [**Transition**](https:\u002F\u002Fdocs.nativebase.io\u002Fpresence-transition)\n- [**Other**](https:\u002F\u002Fdocs.nativebase.io\u002Ffab)\n\n## 7. Examples\n\n[Check out the Todo-List example](https:\u002F\u002Fdocs.nativebase.io\u002Ftodo-list)\n\n## 8. KitchenSink App\n\n[Kitchen Sink](https:\u002F\u002Fkitchensink.nativebase.io\u002F) is a comprehensive demo app showcasing all the NativeBase components in action. It includes buttons, forms, icons, etc.\n\n\u003Cdiv class=\"flexible\">\n  \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002FGeekyAnts\u002FNativeBase\u002Fraw\u002Fdevelopment\u002Fimg\u002Fkitchensink.gif\" height=\"500px\" alt=\"Kitchensink App gif\">  \n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002FGeekyAnts\u002FNativeBase\u002Fdevelopment\u002Fimg\u002Fqr.png\" height=\"500px\"   alt=\"Kitchensink App QR code\">\n\u003C\u002Fdiv>\n\n## 9. Tech Stack\n\nJavaScript, React Native, Styled System\n\n### Made with :heart: at [GeekyAnts](https:\u002F\u002Fgeekyants.com\u002F?utm_source=nb-github&utm_medium=landing+page&utm_campaign=nativebase-github-cta)\n\nNativeBase is an open-source project made by the tech-savvy geeks at GeekyAnts.\nGeekyAnts is a group of React Native experts. Do [get in touch with us](https:\u002F\u002Fgeekyants.com\u002Fhire\u002F?utm_source=nb-github&utm_medium=landing+page&utm_campaign=nativebase-github-hire-cta) for any help with your React Native project. Always happy to help!\n\n## 10. Compatible Versions\n\n| NativeBase                       | React Native                                               |\n| -------------------------------- | ---------------------------------------------------------- |\n| v0.1.1                           | v0.22 to v0.23                                             |\n| v0.2.0 to v0.3.1                 | v0.24 to v0.25                                             |\n| v0.4.6 to v0.4.9                 | v0.26.0 - v0.27.1                                          |\n| v0.5.0 to v0.5.15                | v0.26.0 - v0.37.0                                          |\n| v0.5.16 to v0.5.20               | v0.38.0 - v0.39.0                                          |\n| v2.0.0-alpha1 to v2.1.3          | v0.38.0 to v0.43.0                                         |\n| v2.1.4 to v2.1.5                 | v0.44.0 to v0.45.0                                         |\n| v2.2.0                           | v0.44.0 to v0.45.0                                         |\n| v2.2.1                           | v0.46.0 and above                                          |\n| v2.3.0 to 2.6.1                  | v0.46.0 and above (does not support React 16.0.0-alpha.13) |\n| v2.7.0                           | v0.56.0 and above                                          |\n| v3.0.0-next.36 to v3.0.0-next-41 | v0.63.0 and above                                          |\n| v3.0.0 to latest                 | v0.63.0 and above                                          |\n\n## 11. Contributors\n\n### Code Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FGeekyAnts\u002FNativeBase\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Fcontributors.svg?width=890&button=false\" \u002F>\u003C\u002Fa>\n\n### Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Fcontribute)]\n\n#### Individuals\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Findividuals.svg?width=890\">\u003C\u002Fa>\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Fcontribute)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F0\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F0\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F1\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F1\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F2\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F2\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F3\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F3\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F4\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F4\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F5\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F5\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F6\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F6\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F7\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F7\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F8\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F8\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F9\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002FNativeBase\u002Forganization\u002F9\u002Favatar.svg\">\u003C\u002Fa>\n\n## 12. Changelog\n\n[Check out the changelog in the official documentation](https:\u002F\u002Fdocs.nativebase.io\u002Fchangelog)\n\n## 13. Community\n\n- [Facebook](https:\u002F\u002Fwww.facebook.com\u002Fnativebaseio)\n- [Twitter](https:\u002F\u002Ftwitter.com\u002Fnativebase)\n- [Discord](https:\u002F\u002Fdiscord.com\u002Finvite\u002FTSgCw2UPmb)\n- [Stackoverflow](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fnative-base)\n- [Blog](https:\u002F\u002Fnativebase.io\u002Fblogs)\n- [YouTube](https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCoL_iTwpY07vDs91974z3xA\u002Fabout)\n\n## 14. License\n\nLicensed under the MIT License, Copyright © 2021 GeekyAnts. See [LICENSE](https:\u002F\u002Fgithub.com\u002FGeekyAnts\u002FNativeBase\u002Fblob\u002Fmaster\u002FLICENSE) for more information.\n\nBuilt with ❤️ by [GeekyAnts](https:\u002F\u002Fgeekyants.com?utm_source=github&utm_medium=opensource&utm_campaign=nativebase) |\n   [React Native Experts](https:\u002F\u002Fgeekyants.com\u002Fhire-react-native-developers?utm_source=github&utm_medium=opensource&utm_campaign=nativebase)\n","NativeBase 是一个移动优先、可访问的组件库，用于在Android、iOS和Web平台上构建一致的用户界面。它使用TypeScript编写，提供了一系列开箱即用的UI组件，支持React Native和Web开发，确保跨平台的一致性和响应性。其核心功能包括高度可定制的主题系统、内置对无障碍的支持以及与Next.js等现代框架的良好集成。尽管NativeBase已经进入了维护模式，并推荐新项目采用gluestack-ui作为替代方案，但它仍然适用于那些希望快速构建具有良好用户体验的跨平台应用的场景。",2,"2026-06-11 02:55:51","top_language"]