Hello friends, in today's video we will create a stylish meditation app interface using SwiftUI.

Especially using the glassmorphism effect, one of the modern design trends, we will discover how we can give our application a transparent and blurred look.

Code Summary:

• You can find all SwiftUI code related to the organisation of the home screen and components.

• Everything from the background image to the horizontal scrolling view of the list of meditation sessions is defined here.

• Also included are the tab icons at the bottom of the application and the interactive play button.

• We will see that we can create a transparent blur view using the UIViewRepresentable protocol. With the TransparentBlurViewHelper class, we can create a transparent blur effect by removing filters from the background layer or adding the necessary filters.

• Throughout this video, you will go through each line of code step by step and learn how you can use these effects in your application.
  
  

Happy coding 🎉

Platform: IOS 17+

🧑🏻‍💻 Get Source Code: