UI Libraries by Mobile App Developers — #20

UI Components and Libraries by Mobile App Developers

Published in

TMDesign

4 min readMay 8, 2019

Every day thousands of repositories created and posted on Github and it is rather difficult to find the ones related just to UI and UX. We do our best and every two weeks we will select the libraries related to UI/UX and can be used for animations, interactions, transitions and some other important aspects.

All libraries are written both for the Web and for Mobile platforms and use the programming languages: Swift, Kotlin, Dart, JavaScript.

Here is this selection of UI/UX libraries from app developers worldwide:

1) Easings by RAMI JEMLI

⚙️ Language: Kotlin

📝 Description: If you are not pleased with the native interpolators on Android. Here are 30 custom ones to make motion look more real.
This small library is a port of Robert Penner’s easing equations to kotlin on Android to add flavors to your animations, and it’s based on https://easings.net/.

👨🏻‍💻 Author:
🛠 Github

2) vue-piece-slider by VINCENT GUO

⚙️ Language: JavaScript

▶️ Checkout awesome DEMO.

📝 Description: animated slides in a fragmented look 🐞🌳✡️📐This library is a simplified Vue portal of an awesome Codrops Article by Luis Manuel (original source). In this version, just support image type.

👨🏻‍💻 Author:
🛠 Github
📍 Beijing, China 🇨🇳

3) SPAlert by IVAN VOROBEI

⚙️ Language: Swift

📝 Description: Native popup alert similar to Apple Music or Feedback in AppStore app. Support animations. I tried to repeat Apple alert as much as possible. You can download example app Debts — Spending tracker from AppStore.

👨🏻‍💻 Author:
🛠 Github
📍 Belarus, Minsk, 🇧🇾

4) Glide by COCOATOUCHER

⚙️ Language: Swift

📝 Description: glide is a SpriteKit and GameplayKit based engine for building 2d games easily, with a focus on side scrollers. glide is developed with Swift and works on iOS, macOS and tvOS.

Download the macOS demo app here to give it a try.
or watch a video of the features here.

👨🏻‍💻 Author:
🛠 Github
📍 Stockholm, Sweden, 🇸🇪

5) react-native-window-guard by ARTSIOM GRINTSEVICH

⚙️ Language: Java

📝 Description: Project represents simple way to handle notches and system ui decorations for React Native. In comparison to alternatives (e.g. SafeAreaView) it works on both iOS and Android and doesn't use hardcoded values, getting all insets with operating system APIs instead.

👨🏻‍💻 Author:
🛠 Github
📍 Belarus, Minsk, 🇧🇾

6) FloatingTabBarController by EMILIO PELÁEZ

⚙️ Language: Swift

📝 Description: FloatingTabBarController is a tab bar controller with sliding tabs and a custom tab bar inspired by this Dribbble shot.

👨🏻‍💻 Author:
🛠 Github

7) Thanos_Dust by LICHKING24

⚙️ Language: JavaScript

📝 Description: Thanos dust effect like google search. As Thanos making a snap with the Infinite Gauntlet, half the heros vanish to dust. As using the time stone, people come back.

👨🏻‍💻 Author:
🛠 Github

8) sketch-remove-bg by MATHIEU DUTOUR

⚙️ Language: JavaScript

📝 Description: Remove the background of any image 100% automatically. This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme.

👨🏻‍💻 Author:
🛠 Github

9) react-material-dashboard by DEVIAS