{"id":13406863,"url":"https://github.com/GeekyAnts/NativeBase","last_synced_at":"2025-03-14T11:30:44.403Z","repository":{"id":37382248,"uuid":"56315715","full_name":"GeekyAnts/NativeBase","owner":"GeekyAnts","description":"Mobile-first, accessible components for React Native \u0026 Web to build consistent UI across Android, iOS and Web.","archived":false,"fork":false,"pushed_at":"2024-12-18T12:40:15.000Z","size":71021,"stargazers_count":20292,"open_issues_count":373,"forks_count":2385,"subscribers_count":267,"default_branch":"master","last_synced_at":"2025-03-08T17:42:44.607Z","etag":null,"topics":["android","hacktoberfest","ios","native-platforms","nativebase","nextjs","react","react-native","ui-components"],"latest_commit_sha":null,"homepage":"https://nativebase.io/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GeekyAnts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-15T11:37:23.000Z","updated_at":"2025-03-08T09:14:35.000Z","dependencies_parsed_at":"2024-01-31T05:02:47.146Z","dependency_job_id":"e59300b1-d3b6-4f5c-a1df-bf7c37f8b579","html_url":"https://github.com/GeekyAnts/NativeBase","commit_stats":{"total_commits":4183,"total_committers":296,"mean_commits":"14.131756756756756","dds":0.9129811140329906,"last_synced_commit":"4481786aae27589a7430d2be1cfcf74222efdb6b"},"previous_names":[],"tags_count":290,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeekyAnts%2FNativeBase","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeekyAnts%2FNativeBase/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeekyAnts%2FNativeBase/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GeekyAnts%2FNativeBase/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GeekyAnts","download_url":"https://codeload.github.com/GeekyAnts/NativeBase/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243569108,"owners_count":20312360,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","hacktoberfest","ios","native-platforms","nativebase","nextjs","react","react-native","ui-components"],"created_at":"2024-07-30T19:02:41.343Z","updated_at":"2025-03-14T11:30:44.392Z","avatar_url":"https://github.com/GeekyAnts.png","language":"TypeScript","readme":"# ⛔️ DEPRECATED\n# NativeBase ↔ gluestack\n\n\u003e 🚀 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://gluestack.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://ui.gluestack.io/) instead. [Know More](https://nativebase.io/blogs/road-ahead-with-gluestack-ui).\n\n# \u003cimg src=\"https://raw.githubusercontent.com/GeekyAnts/NativeBase/master/img/header_new.png\" alt=\"Nativebase Logo\"\u003e\n\n[![Financial Contributors on Open Collective](https://opencollective.com/NativeBase/all/badge.svg?label=financial+contributors)](https://opencollective.com/NativeBase)\n[![](https://img.shields.io/discord/785491682719301643?label=Discord\u0026logo=discord\u0026logoColor=%237289DA)](https://discord.com/invite/TSgCw2UPmb)\n[![npm next package](https://img.shields.io/npm/v/native-base/next.svg)](https://www.npmjs.com/package/native-base)\n[![npm latest package](https://img.shields.io/npm/v/native-base/latest.svg)](https://www.npmjs.com/package/native-base)\n[![npm downloads](https://img.shields.io/npm/dm/native-base.svg)](https://npm-stat.com/charts.html?package=native-base)\n[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE)\n[![Follow on Twitter](https://img.shields.io/twitter/follow/nativebase.svg?label=follow+NativeBase)](https://twitter.com/nativebase)\n[![Github Stars](https://img.shields.io/github/stars/GeekyAnts/NativeBase)](https://img.shields.io/github/stars/GeekyAnts/NativeBase)\n\n## NativeBase is a mobile-first, accessible component library for building a consistent design system across android, iOS \u0026 web.\n\n[**Website**](https://nativebase.io/)\n\u003cbr/\u003e\n[**Documentation**](https://docs.nativebase.io/)\n\n## Table of Contents\n\n1. [Introduction](#1-introduction)\n2. [Motivation](#2-motivation)\n3. [Features](#3-features)\n4. [Dependencies](#4-dependencies)\n5. [Installation \u0026 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://nativebase.io/) is a mobile-first, component library for React \u0026 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://github.com/jondot/awesome-react-native)**\n\n\u003e 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 /\u003e\n\nOur inspirations include Material UI, Chakra UI, Ant Design, Braid Design System, Bootstrap, TailwindCSS \u0026 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://raw.githubusercontent.com/GeekyAnts/NativeBase/development/img/feature.png\" alt=\"Out of the box accessibility\"\u003e\n\n### **Supporting Utility Props**\n\nPowered by [Styled System](https://styled-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://raw.githubusercontent.com/GeekyAnts/NativeBase/development/img/theme.png\" alt=\"Nativebase Logo\"\u003e\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://docs.nativebase.io/installation) 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://docs.nativebase.io/box)\n- [**Forms**](https://docs.nativebase.io/button)\n- [**Data Display**](https://docs.nativebase.io/badge)\n- [**Feedback**](https://docs.nativebase.io/alert)\n- [**Typography**](https://docs.nativebase.io/text)\n- [**Overlay** ](https://docs.nativebase.io/alert-dialog)\n- [**Disclosure**](https://docs.nativebase.io/action-sheet)\n- [**Media \u0026 Icons**](https://docs.nativebase.io/avatar)\n- [**Transition**](https://docs.nativebase.io/presence-transition)\n- [**Other**](https://docs.nativebase.io/fab)\n\n## 7. Examples\n\n[Check out the Todo-List example](https://docs.nativebase.io/todo-list)\n\n## 8. KitchenSink App\n\n[Kitchen Sink](https://kitchensink.nativebase.io/) is a comprehensive demo app showcasing all the NativeBase components in action. It includes buttons, forms, icons, etc.\n\n\u003cdiv class=\"flexible\"\u003e\n  \u003cimg src=\"https://github.com/GeekyAnts/NativeBase/raw/development/img/kitchensink.gif\" height=\"500px\" alt=\"Kitchensink App gif\"\u003e  \n  \u003cimg src=\"https://raw.githubusercontent.com/GeekyAnts/NativeBase/development/img/qr.png\" height=\"500px\"   alt=\"Kitchensink App QR code\"\u003e\n\u003c/div\u003e\n\n## 9. Tech Stack\n\nJavaScript, React Native, Styled System\n\n### Made with :heart: at [GeekyAnts](https://geekyants.com/?utm_source=nb-github\u0026utm_medium=landing+page\u0026utm_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://geekyants.com/hire/?utm_source=nb-github\u0026utm_medium=landing+page\u0026utm_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://github.com/GeekyAnts/NativeBase/graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/contributors.svg?width=890\u0026button=false\" /\u003e\u003c/a\u003e\n\n### Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/NativeBase/contribute)]\n\n#### Individuals\n\n\u003ca href=\"https://opencollective.com/NativeBase\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/individuals.svg?width=890\"\u003e\u003c/a\u003e\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/NativeBase/contribute)]\n\n\u003ca href=\"https://opencollective.com/NativeBase/organization/0/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/1/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/2/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/3/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/4/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/5/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/6/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/7/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/8/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/NativeBase/organization/9/website\"\u003e\u003cimg src=\"https://opencollective.com/NativeBase/organization/9/avatar.svg\"\u003e\u003c/a\u003e\n\n## 12. Changelog\n\n[Check out the changelog in the official documentation](https://docs.nativebase.io/changelog)\n\n## 13. Community\n\n- [Facebook](https://www.facebook.com/nativebaseio)\n- [Twitter](https://twitter.com/nativebase)\n- [Discord](https://discord.com/invite/TSgCw2UPmb)\n- [Stackoverflow](https://stackoverflow.com/questions/tagged/native-base)\n- [Blog](https://nativebase.io/blogs)\n- [YouTube](https://www.youtube.com/channel/UCoL_iTwpY07vDs91974z3xA/about)\n\n## 14. License\n\nLicensed under the MIT License, Copyright © 2021 GeekyAnts. See [LICENSE](https://github.com/GeekyAnts/NativeBase/blob/master/LICENSE) for more information.\n","funding_links":["https://opencollective.com/NativeBase","https://opencollective.com/NativeBase/contribute","https://opencollective.com/NativeBase/organization/0/website","https://opencollective.com/NativeBase/organization/1/website","https://opencollective.com/NativeBase/organization/2/website","https://opencollective.com/NativeBase/organization/3/website","https://opencollective.com/NativeBase/organization/4/website","https://opencollective.com/NativeBase/organization/5/website","https://opencollective.com/NativeBase/organization/6/website","https://opencollective.com/NativeBase/organization/7/website","https://opencollective.com/NativeBase/organization/8/website","https://opencollective.com/NativeBase/organization/9/website"],"categories":["TypeScript","JavaScript","框架","前端开发框架及项目","Libraries","开发框架和组件库","Frameworks","android","General","reactNative","Component Libraries"],"sub_categories":["TabLayout","项目实践\u0026教程","其他_文本生成、文本对话","UI","Other Platforms"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGeekyAnts%2FNativeBase","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGeekyAnts%2FNativeBase","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGeekyAnts%2FNativeBase/lists"}