Meditation App Interface | SwiftUI Tutorial

Published: 01 August 2024
on channel: SwiftUI Codes
456
4

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.

🔔 Don't forget to like our video and subscribe to our channel.
If you have any questions or suggestions, feel free to leave them in the comments.

Happy coding 🎉

Platform: IOS 17+

🧑🏻‍💻 Get Source Code:
  / meditation-app-108687846  


Watch video Meditation App Interface | SwiftUI Tutorial online without registration, duration hours minute second in high quality. This video was added by user SwiftUI Codes 01 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 456 once and liked it 4 people.