Creating beautiful UI for Flight Booking App in React Native

In this article, we have tried to create a simple design for flight booking app.

This design is based on the original work done on Dribble.


  1. To create shadow we have used shadow-generator site for getting the best result for both iOS and aOS.
  2. Most of the components are customisable so you can modify as per your requirement.
  3. We have used react native responsive screen library so this UI is responsive for most of the screen size.

Dribble Artiest: Md. Shamsul Alam

Dribble Design link:

Image Resources in used in app: unDraw.

Implementation preview:

3rd Party Library Used in this project :

  1. react-native-responsive-screen
  2. React Navigation
  3. Vector Icons

Download the source code:

If you enjoyed reading this article, please share this article with others and also do follow us ????

If you have any comment, question, or recommendation, feel free to post them in the comment section below!

See you soon with another design with react native. Peace ✌️

Leave a Reply

Your email address will not be published.

You May Also Like