# Component Kits for React Native

DevFeed: [Component Kits for React Native](<https://devfeed.tech/articles/component-kits-for-react-native-21861.md>)

Original publisher: [Read original article](<https://reactjsnews.com/component-kits-for-react-native>)

Author: Zach Silveira

Published: 2017-03-07T17:00:00Z

Content type: comparison

Language: en

Sources: [ReactJS News](<https://devfeed.tech/sources/reactjs-news.md>)

Topics: [React Native](<https://devfeed.tech/topics/react-native.md>), [ui](<https://devfeed.tech/topics/ui.md>), [cross-platform](<https://devfeed.tech/topics/cross-platform.md>), [Library](<https://devfeed.tech/topics/library.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [bug](<https://devfeed.tech/tags/bug.md>), [components](<https://devfeed.tech/tags/components.md>), [cross-platform](<https://devfeed.tech/tags/cross-platform.md>), [ios](<https://devfeed.tech/tags/ios.md>), [native](<https://devfeed.tech/tags/native.md>), [react](<https://devfeed.tech/tags/react.md>), [react-native](<https://devfeed.tech/tags/react-native.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>)

## AI overview

The article compares several component kits for React Native. It explains that React Native has fewer styling solutions than web React and that component customization can be difficult, then discusses NativeBase, React Native Elements, React Native Material Design, and React Native Material Kit, including their strengths, limitations, documentation, maintenance, and reported bugs.

## Source excerpt

You won't find as many styling solutions for React Native as you will for React JS. This stems from two simple realities: React Native is a much smaller target for component libraries than traditional CSS frameworks. In other words, Bootstrap CSS can be used with any web framework, whereas component libraries for React Native only work with...you guessed it...React Native. Customizing React Native styling isn't the easiest thing in the world. Many apps demand custom styling, which makes component kits not too useful. In addition, it is challenging to customize each and every component, as the flexibility that you gain with traditional CSS on the web doesn't carry over easily to component libraries. With that said, here are a few options. You won't find as many styling solutions for React Native as you will for React JS. This stems from two simple realities: React Native is a much smaller target for component libraries than traditional CSS frameworks. In other words, Bootstrap CSS can be used with any web framework, whereas component libraries for React Native only work with...you guessed it...React Native. Customizing React Native styling isn't the easiest thing in the world. Many apps demand custom styling, which makes component kits not too useful. In addition, it is challenging to customize each and every component, as the flexibility that you gain with traditional CSS on the web doesn't carry over easily to component libraries. With that said, here are a few options. NativeBase - Essential cross-platform UI components for React Native A huge collection of components, most of which look quite nice. That's the plus side. The down side is that some of the components are somewhat buggy. No offense to the library authors, its just the state of the library - it needs a bit of work. For example, here's an issue I opened a few days ago when I discovered the swipe deck component crashed when only a single data element was provided: DeskSwiper throws on single element lists - Iss