Creating beautiful UI for Home Control App in React Native

Update: – Now you can join our reddit community for the latest update.

In this article, we have created a design for smart home appliances controlling app.

This design idea is based on one twitter post I saw some time back, I don’t remember the name of the guy how posted this tweet so haven’t mention here so bare with me.


  1. Switch button used in-app is responsive you can toggle the button which reflects with card colour change.
  2. To create shadow we have used shadow-generator site for getting the best result for both iOS and aOS.
  3. The card is the main component in this app which is customisable.

Implementation preview:

3rd Party Library Used in this project :

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

Join our Telegram channel for latest update about our article. Why not? It is FREE.

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