{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/8d72c910a818422aad2399792c59928f\" frameborder=\"0\" width=\"1114\" height=\"835\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":835,"width":1114,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":835,"thumbnail_width":1114,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/8d72c910a818422aad2399792c59928f-27e663c3695f209e.gif","duration":200.4105,"title":"Creating Custom Icons and UI Animations 🎨","description":"In this video, I walk you through the process of creating custom icons for our project, highlighting the importance of separating vectors and using the Untitled UI icon library. I explain how I set up the layers, including a background blur effect and opacity adjustments to achieve a liquid glass look. I also demonstrate how to animate these icons using mouse interactions in prototype mode, specifically focusing on hover effects and smooth transitions with a duration of 800ms. Please take a look at the file I’ll send you for a clearer understanding, and let me know if you have any questions or need further assistance."}