https://nativebase.io

NativeBase: Universal Components for React & React NativeOpen Source, OSS, Component Library, React, React Native, Accessible, Mobile-First, Styled System, ARIA, Consistent, Responsive, Utility Props, Design SystemNativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.NativeBase: Universal Components for React & React Native (Now gluestack)3.4.xDocsResourcesTryHire React Native ExpertsVersionsgluestack-ui3.4.x3.3.x3.2.x3.1.x3.0.xDocsResourcesDesign KitKitchenSinkBlogsMadeWithNativeBaseVSCode ExtensionGithubFigmaDiscordHire React Native Experts🚀 Prompt to React Native UI.Try NowNativeBase is nowgluestackcopy-paste components & patterns for flexibility and customizabilityVisit gluestackUniversal Components for React & React NativeNativeBase is an accessible, utility-first component library that helps you build consistent UI across Android, iOS and Web.Stars20,386Interact with me!Interact with me!Interact with me!Interact with me!Interact with me!Interact with me!Interact with me!MobileTabletDesktopGet StartedTry on CodeSandboxWhat are people saying?Here's what other React devs have to say about NativeBase.Aman Mittal@amanhimselfI've never been more impressed by a UI component library than @NativeBaseIO right now. First class support for Skeleton components! 🤯Mazi Juls@AAjulibeNative base 3.0 🔥🔥. Now I can get the chakra UI feeling on react native too. Lovely work guys! @NativeBaseIONerdjfpb: Muhammad The Bug King@nerdjfpbWorking in a client project with @reactnative Using @nativebase and really loving it! Any other suggestion? Will like to see other options too!Sandeep#NativeBase @nativebase is the best ui library_mayi@Mayi_CervantesView Originalsakaba@sakaba_devView OriginalIchiro Kimura | anect CEO@kag_webBy the way, NativeBase v3 is really amazing. Especially we love that we can build custom UI components with constraint-based utility-style props. Thank you for creating this wonderful design system :)Aman Mittal@amanhimselfI've never been more impressed by a UI component library than @NativeBaseIO right now. First class support for Skeleton components! 🤯Mazi Juls@AAjulibeNative base 3.0 🔥🔥. Now I can get the chakra UI feeling on react native too. Lovely work guys! @NativeBaseIONerdjfpb: Muhammad The Bug King@nerdjfpbWorking in a client project with @reactnative Using @nativebase and really loving it! Any other suggestion? Will like to see other options too!Sandeep#NativeBase @nativebase is the best ui library_mayi@Mayi_CervantesView Originalsakaba@sakaba_devView OriginalIchiro Kimura | anect CEO@kag_webBy the way, NativeBase v3 is really amazing. Especially we love that we can build custom UI components with constraint-based utility-style props. Thank you for creating this wonderful design system :)Aman Mittal@amanhimselfI've never been more impressed by a UI component library than @NativeBaseIO right now. First class support for Skeleton components! 🤯Mazi Juls@AAjulibeNative base 3.0 🔥🔥. Now I can get the chakra UI feeling on react native too. Lovely work guys! @NativeBaseIONerdjfpb: Muhammad The Bug King@nerdjfpbWorking in a client project with @reactnative Using @nativebase and really loving it! Any other suggestion? Will like to see other options too!Sandeep#NativeBase @nativebase is the best ui libraryMOBILETABLETDESKTOP NEWS March 30, 2026 The Garden City Bengaluru (also called Bangalore) is the center of India's high-tech industry. It is located in southern India on the Deccan Plateau.The city is also known for its parks and nightlife. Bangalore is the major center of India's IT industry, popularly known as the Silicon Valley of India. Find out more Highly Themeable. The Only Limit Is Your ImaginationThemeability is one of the core elements of NativeBase. Customise your app theme and component styles to your heart's content.Know MoreCOLORSIZINGTYPOGRAPHYconst colors = { rose: { 50: '#fff1f2', 100: '#ffe4e6', 200: '#fecdd3', 300: '#fda4af', 400: '#fb7185', 500: '#f43f5e', 600: '#e11d48', 700: '#be123c', 800: '#9f1239', 900: '#881337', }, pink: { 50: '#fdf2f8', 100: '#fce7f3', 200: '#fbcfe8', 300: '#f9a8d4', 400: '#f472b6', 500: '#ec4899', 600: '#db2777', 700: '#be185d', 800: '#9d174d', 900: '#831843', },};Out of the Box AccessibilityPowered by React Native ARIAPowered by React Native ARIA, which provides React hooks that enable you to build accessible design systems in no time.Know MoreKeyboard InteractionsNativeBase primitives provide basic keyboard support for your apps so that users can navigate it without a mouse.Screen ReadersScreen readers facilitate text-to-speech conversion and detect crucial content to be conveyed to people with visual disabilities.Contrast RatioNativeBase gives you a contrasting colour based on your theme. You can also customise it using the useAccessibleColors hook.Now Supporting Utility PropsInspired byStyled SystemInspired by Styled System so you can rapidly build custom UI components with constraint-based utility style props.Know MoreHey There! Hey There! KitchenSinkKitchenSink is a comprehensive demo app showcasing all the NativeBase components in action. It includes buttons, forms, icons and much more!Try it on webScan with theExpo app on your Android device to see the special dish we cooked for you!GithubScan with theExpo app on your Android device to see the special dish we cooked for you!GithubScan with theExpo app on your Android device to see the special dish we cooked for you!GithubNativeBase for DesignersA Figma design kit that emulates all of the utility props from NativeBase. Seamlessly integrate style guides, UI components, and pages into your web and mobile apps.Try NowRich Component LibraryNativeBase offers nearly 40 components so you can build seamlessly. It includes action sheets, menus, spinners, popovers, breadcrumbs and more.StorybookFORMSINTERACTIONSTAGGER What's your event called? When is your Event? Day Night I agree to Terms and conditions }>Create EventResponsiveness Made EasyInstead of manually adding responsiveness, NativeBase V3 allows you to provide object and array values to add responsive styles.Know More {} {sidebarItems.map((sidebarItem) => { return ( {sidebarItem} ); })} Now with Dark ModeBuilding apps with a dark mode setting just got a whole lot easier. NativeBase is now optimised for light and dark modes.Know MoreEnable notifications } > Join In Premium Screens to build your next projectKickstart your next big idea with our 100+ responsive and rigorously tested screens built using NativeBase.Buy nowTry NativeBase Starter KitTest Drive NativeBase Startup+ with a free template created by the NativeBase team.Scan with Expo appTry on BrowserDownload NowYour browser does not support the video tag.Your browser does not support the video tag.Consistent across Web, Android & iOSWhether you're building for the web, Android or iOS, we've got you covered. Fast-track your dev process with universal components.Know MoreWe Are GrowingNativeBase is a popular component library among devs & we're constantly improving it.33K+Downloads20.4KStars303Contributors50K+DependentsOur CommunityWe have a lively community built on our shared love for React & React Native. Join us!DiscordGithubStackoverflowTwitterVS Code ExtensionTalks and ArticlesCheck out Sanket Sahu's talk on building an accessible component library for native and web at React Day Bangalore.Invite us to speak at your next event We love sharing knowledge and meeting other passionate devs. Invite a NativeBase creator to speak at your next event, we promise to keep things interesting!Send InviteCreated by GeekyAntsAn OSS-loving, community-driven team of React Native geeks! GeekyAnts is a team of React Native experts who love open-source and solving developer problems. We’ve been working on React Native since 2015 and have designed and built React Native apps for almost 200+ clients across the globe. Our clients include startups to big enterprises! Need help with your React Native app?Hire React Native ExpertsNativeBase 3.0 has come to fruition only due to the amazing team that worked tirelessly on it. Kudos to our creators!Our SponsorsWe are very grateful to those who believe in what we do. Here's to all our wonderful sponsors!Become a sponsorMore from the AuthorsCurious about what else we've worked on? We are delighted! Take a look at a few of our other projects.gluestackReact Native AriaAppLaunchKittheappmarketSyncStateFormstReact PluggableFlutter StarterJoin Our Newsletter,Tabs and SpacesGet regular updates on NativeBase, our community and more! Getting StartedIntroductionExamplesBlogsContribution GuidelinesProductsgluestackAppLaunchKittheappmarketNativeBase Startup+MorePrivacy PolicyCookie PolicyFor EnterpriseBuilt with ❤️ at GeekyAnts.Created by potrace 1.16, written by Peter Selinger 2001-2019Copyright © 2026 NativeBase1774831801https://nativebase.io

Modifier votre site ?

Que fais-tu?