Top 10 Мobile UI Libraries in GitHub
Tags: codenewbie, beginners, opensource, uiweekly
Published: 2020-05-15 14:28:52

There are countless lists online about open-source resources you must check out and use. Nevertheless, it always seems that they are containing the same components with only a couple odd choices, this is why our team decided to compile a few different lists and share them with you.

Today we start our mini-series of posts on the topic with a chart of 10 great open-source mobile UI components that have been used and strongly recommended by some of our [SashiDo](http://www.sashido.io) customers over the past few years.  

Without further ado, here are our favorite pics:

### ElongationPreview

This is an awesome controller with an elegant push-pop style view based on a nice concept from [Mohamed Kerroudj](https://dribbble.com/kerroudj). Available [open-source in Swift](https://github.com/Ramotion/elongation-preview).
![Alt Text](https://github.com/Ramotion/elongation-preview/raw/master/assets/elongation-preview.gif)

### PreviewTransition

Another beautiful Swift controller with a simple transition that has a slight parallax effect. Available [open-source in Swift](https://github.com/Ramotion/preview-transition).

![Alt Text](https://github.com/Ramotion/preview-transition/raw/master/preview-transition.gif)

### ColorSense

Awsome plugin to make working with `UIColor` (and `NSColor`) more visual. Available [open-source for Xcode](https://github.com/omz/ColorSense-for-Xcode).

### React Native Map

Some quality code from the [React Native Community](https://github.com/react-native-community) that will allow you to easily implement Mapview components for both iOS and Android. Check it out [open-source](https://github.com/react-native-community/react-native-maps).

<span><img src="http://i.giphy.com/3o6UBpncYQASu2WTW8.gif"/></span>

### Blacklight for Xcode

A very useful component that allows you to nicely highlights the current editing line. Available [open-source for Xcode](https://github.com/limejelly/Backlight-for-XCode).

### Paper Onboarding

Paper Onboarding is a material design UI slider for simple and easy onboarding of your app users. Available open-source built [in Swift for iOS](https://github.com/Ramotion/paper-onboarding) & [in Java for Android](https://github.com/Ramotion/paper-onboarding-android).

![Alt Text](https://github.com/Ramotion/paper-onboarding/raw/master/paper-onboarding.gif)

### MessengerKit

MessengerKit is a cool drop-in UI for messenger interfaces on iOS. Centered around a single `UIViewController`, MessengerKit is themeable to fit your needs and includes a number of powerful features. Available open-source built [in Swift for iOS](https://github.com/steve228uk/MessengerKit).

![Alt Text](https://github.com/steve228uk/MessengerKit/raw/master/readme-resources/screenshots/examples.png)

### SwiftCop

SwiftCop is a validation library inspired by the clarity of [Ruby On Rails Active Record](https://guides.rubyonrails.org/active_record_validations.html). It lets you avoid writing over and over again the same code and validations for different projects. Available open-source built [in Swift for iOS](https://github.com/andresinaka/SwiftCop).

![Alt Text](https://github.com/andresinaka/SwiftCop/raw/master/swiftCopExample.gif)

### Invisible ReCaptcha

Add Google's Invisible ReCaptcha v2 to your project. This library automatically handles ReCaptcha's events and retrieves the validation token or notifies you to present the challenge if invisibility is not possible. Check it out [open-source for iOS](https://github.com/fjcaetano/ReCaptcha).

<span><img src="https://raw.githubusercontent.com/fjcaetano/ReCaptcha/master/example.gif"/></span>


### ARKit + CoreLocation

Amazing lib that combines the high accuracy of AR with the scale of GPS data. The ARKit uses camera and motion data to map out the local world as you move around. On the other hand, CoreLocation uses wifi and GPS data to determine your global location, with a low degree of accuracy. Available open-source built [in Swift for iOS](https://github.com/ProjectDent/ARKit-CoreLocation).

<span><img src="https://github.com/ProjectDent/ARKit-CoreLocation/raw/master/giphy-2.gif"/></span>

### Bonus: React PWA Boilerplate

Not really a component, but something that we thought will be nice to share. Here is a repo that will get you up and running with a working sample progressive web app. It is ready to use set up, but you can always switch up things to match your taste and needs. Check it out [open-source](https://github.com/monsieurBoutte/react-pwa-boilerplate).

Have you heard or used any of the above? What are your other favorite open-source UI components? 

We can’t wait to hear your experience and thoughts on the matter so we can further grow and expand the list. Please comment below and also let us know what is the next list you would like us to share with you.

Happy coding & stay safe!