Blog
The NativeBase Blog
Guides, changelogs, engineering deep-dives and announcements from the team.
Why we built gluestack-ui
gluestack-ui v1.0 launched a month back and crossed 1000+ stars on GitHub. Here's why we built it and how it compares to its predecessor, NativeBase.
Road Ahead with gluestack-ui: The Successor of NativeBase
NativeBase is being discontinued in favor of gluestack-ui, a complete rebuild addressing performance, maintainability, and bundle size. This post explains the rationale, what gluestack-ui offers, and what it means for existing users.
The future of NativeBase: March 2023
An update on the state of NativeBase v3, its strengths and performance challenges, and the plan to split the library into dank.style and the new gluestack-ui components.
The Present and Future of NativeBase
A look at how NativeBase evolved through its versions, where it stands today with growing adoption, and the roadmap toward spec-based design systems and true write-once-deploy-everywhere development.
NativeBase | September Scoop
September highlights from the NativeBase team, including conference talks at React India and Devfest Bangalore, a performance-focused 3.5.0 release in progress, and new open-source contributors.
NativeBase X Moti
An experiment exploring how NativeBase and Moti work together to animate UI components, using NativeBase Factory and the useStyledSystemPropsResolver hook to animate padding on a button.
NativeBase | July Scoop
July highlights from NativeBase, including the React India conference announcement, the alpha release of the babel-plugin performance fix, the first Design System meetup, and new tutorials and blogs.
Custom Fonts with NativeBase
A complete guide to loading and applying custom fonts in NativeBase across React Native, Expo, and Next.js projects, including how to extend the theme's fontConfig and fonts objects.
Styling NativeBase theme based on color mode
A complete guide to building light and dark color modes in React Native apps with NativeBase, covering initial color mode, system color mode, the useColorMode and useColorModeValue hooks, _light and _dark pseudo props, toggling, and persistence.
NativeBase | June Scoop
June recap from NativeBase covering the HackWithNativeBase hackathon, appearances at App.js Conference, React Summit, and React Day Bangalore, plus the launch of the Component of the Week video series.
Bridging Design and Development with Figma
How designers and developers can collaborate more effectively using Figma, with practical tips on syncing early, extracting code, stacking elements, and leveraging design tokens.
NativeBase Vs Chakra UI: A comparison
A detailed comparison of NativeBase and Chakra UI, covering their similarities, differences, and guidance on when to choose each library for your project.
NativeBase | May Scoop
A productive May for NativeBase: HackWithNativeBase goes live, v3.4.6 ships with fixes, the community crosses 4,000+ Twitter followers, and Discord support gets revamped.
Announcing HackWithNativeBase
HackWithNativeBase is a hackathon for React and React Native developers to build cross-platform apps from a single codebase, with a grand prize pool and a Hack Day in Bengaluru.
NativeBase | April Scoop
April highlights from NativeBase: the v3.4 release with updated Figma kit, new community projects on Made with NativeBase, the Startup+ Design Trial Kit, and the return of in-person meetups.
NativeBase v3.4 Changelog
An overview of NativeBase v3.4, featuring theme decoupling, improved typing, multiple theme switching, APCA-tested colors, semantic colors, and a refreshed Figma design kit.
Clone Experiment #4: Responsive login and checkout flow app for web & mobile
A Nykaa-inspired login and checkout flow built with Next.js and NativeBase v3 to test component versatility and responsive design across web and mobile.
NativeBase | March Scoop
March news from NativeBase: a sneak peek at the DSX design system creator, the Roofinder flatmate project, Startup+ admin and e-commerce guides, and a Raycast extension for browsing docs by version.
Customising components in NativeBase
A practical guide to customising NativeBase components, covering the four component theme properties (baseStyle, variants, sizes, defaultProps), the types of pseudo props, and how pseudo prop specificity works when styling a Button.
NativeBase | February Scoop
February recap from NativeBase: new and improved docs rebuilt with NativeBase, the launch of Made With NativeBase, a conference talk on building a template engine, the roadmap, and the v3.3.6 release.
NativeBase | January Scoop
January highlights from NativeBase: the Design Kit launch, the first design meetup at GeekyAnts, real-time Notion-powered blog updates, a Twitter Spaces clone webinar, clone experiments, and the v3.3.4 release.
Clone Experiment #3: Accessible Taxi Booking app for web and mobile
A cross-platform Uber-inspired taxi booking app built with NativeBase and Expo, tackling unified maps and responsive sidebars from a single codebase.
How to add animations to your NativeBase App
A tutorial on enhancing a NativeBase Todo app with React Native Reanimated, building three animations: a button rotation effect, a background color transition on task completion, and a swipe-to-remove gesture.
The only React and React Native Template you'll ever need
An introduction to NativeBase Startup+, a bundle of 100+ production-ready React and React Native screens that helps teams avoid rebuilding generic screens and ship web and mobile apps faster.
Clone Experiment #2: Online Ticket Booking universal app for web & mobile using React Native
A MakeMyTrip-inspired hotel and flight checkout flow built with Next.js and NativeBase v3, exploring animations, tabs, and responsive layouts.
Building a Twitter Spaces Clone with NativeBase and 100ms
A workshop companion guide to building a Twitter Spaces clone in React Native, combining NativeBase for UI and the 100ms SDK for live audio rooms.
Clone Experiment: Food Ordering web & mobile app using a single codebase
A food ordering app inspired by popular delivery platforms, built once with NativeBase and Next.js to run across web and mobile from a single codebase.
NativeBase Clone Experiments
An overview of the NativeBase Clone Experiments series, where developers recreate famous app experiences using a single codebase for web and mobile.
NativeBase meets Figma
An introduction to the NativeBase Design Kit for Figma, bringing design and development together with 29 components and over 780 variants that match the NativeBase library.
Using NativeBase v3 the Right Way
A practical introductory guide to getting the most out of NativeBase v3, covering project setup, utility props, single-source imports, pseudo props, hooks, and strict mode.
Announcing NativeBase
Announcing NativeBase 3.0, a utility-first, themable, and accessible component library for building universal React and React Native apps across web and mobile.
