The latest articles on Forem by Cristian Rivas (@crivasgomez). https://forem.com/crivasgomez https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F102451%2F85d06c6d-08a1-433f-a614-374552c469c7.jpg https://forem.com/crivasgomez en Cristian Rivas Sat, 02 Mar 2019 10:39:53 +0000 https://forem.com/crivasgomez/i-developed-animated-background-a-flutter-app-for-implementing-login-ui-uiux-design-by-anonymous-51ha https://forem.com/crivasgomez/i-developed-animated-background-a-flutter-app-for-implementing-login-ui-uiux-design-by-anonymous-51ha <p>This app is part of a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>You can find the entire collection of apps in <a href="https://dev.to/crivasgomez/flutter-uiux-design-implementations-518i">this blog post</a> and all the source code in <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">this GitHub repository</a>.</p> <h2> Animated Background </h2> <h3> <a href="https://www.uplabs.com/posts/ios-login-template-freebie" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/imvasyl" rel="noopener noreferrer">Mike Ivanchyshyn</a>: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk4hpu9k6xbj9jgl82fzd.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk4hpu9k6xbj9jgl82fzd.gif" alt="Original design" width="560" height="420"></a></p> <h3> iOS demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdi7ycznl2dbw8l9y2dvx.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdi7ycznl2dbw8l9y2dvx.gif" alt="iOS demo" width="80" height="174"></a></p> <h3> Android demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvabjuhaoxou5c6bxywo.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvabjuhaoxou5c6bxywo.gif" alt="Android demo" width="200" height="336"></a></p> flutter ui ux app Cristian Rivas Thu, 21 Feb 2019 10:04:34 +0000 https://forem.com/crivasgomez/i-developed-taxigola-a-flutter-app-for-implementing-login-ui-uiux-design-by-anonymous-27j4 https://forem.com/crivasgomez/i-developed-taxigola-a-flutter-app-for-implementing-login-ui-uiux-design-by-anonymous-27j4 <p>This app is part of a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>You can find the entire collection of apps in <a href="https://dev.to/crivasgomez/flutter-uiux-design-implementations-518i">this blog post</a> and all the source code in <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">this GitHub repository</a>.</p> <h2> Taxigola </h2> <h3> <a href="https://www.uplabs.com/posts/login-ui-8357f9ec-e05d-47b2-8902-f4229c307e8f" rel="noopener noreferrer">Original design</a> by anonymous: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ilcdblqyju2035o9v8h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ilcdblqyju2035o9v8h.png" alt="Original design" width="800" height="600"></a></p> <h3> iOS demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvv1goqdy8uv01r4b8y1.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvv1goqdy8uv01r4b8y1.gif" alt="iOS demo" width="310" height="680"></a></p> <h3> Android demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fho8nnl3ww8qr33dc1a91.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fho8nnl3ww8qr33dc1a91.gif" alt="Android demo" width="334" height="558"></a></p> flutter ui ux app Cristian Rivas Tue, 19 Feb 2019 21:42:28 +0000 https://forem.com/crivasgomez/i-developed-minimal-login-a-flutter-app-for-implementing-minimal-login-light--dark-version-uiux-design-by-anmol-arora-3h02 https://forem.com/crivasgomez/i-developed-minimal-login-a-flutter-app-for-implementing-minimal-login-light--dark-version-uiux-design-by-anmol-arora-3h02 <p>This app is part of a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>You can find the entire collection of apps in <a href="https://dev.to/crivasgomez/flutter-uiux-design-implementations-518i">this blog post</a> and all the source code in <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">this GitHub repository</a>.</p> <h2> Minimal Login </h2> <h3> <a href="https://www.uplabs.com/posts/minimal-login-light-dark-version" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/anmol3107" rel="noopener noreferrer">Anmol Arora</a>: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fski5vjzu8tudo66tr4gy.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fski5vjzu8tudo66tr4gy.png" alt="Original design" width="800" height="600"></a></p> <h3> iOS demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96csmifensa7ll6p4fnz.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96csmifensa7ll6p4fnz.gif" alt="iOS demo" width="312" height="682"></a></p> <h3> Android demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3t80wg6p651k2hvwghs.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3t80wg6p651k2hvwghs.gif" alt="Android demo" width="334" height="560"></a></p> flutter ui ux app Cristian Rivas Sun, 17 Feb 2019 20:17:13 +0000 https://forem.com/crivasgomez/i-developed-party-finder-a-flutter-app-for-implementing-party-finding-concept-uiux-design-by-lorenzo-restuccia-gfn https://forem.com/crivasgomez/i-developed-party-finder-a-flutter-app-for-implementing-party-finding-concept-uiux-design-by-lorenzo-restuccia-gfn <p>This app is part of a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>You can find the entire collection of apps in <a href="https://dev.to/crivasgomez/flutter-uiux-design-implementations-518i">this blog post</a> and all the source code in <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">this GitHub repository</a>.</p> <h2> Party Finding </h2> <h3> <a href="https://www.uplabs.com/posts/party-finding-concept" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/lorenzo_restuccia_8" rel="noopener noreferrer">Lorenzo Restuccia</a>: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33rsw74lo84ysu33yeq1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33rsw74lo84ysu33yeq1.png" alt="Original design" width="800" height="600"></a></p> <h3> iOS demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb9rw9pqdq66qy2glfikz.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb9rw9pqdq66qy2glfikz.gif" alt="iOS demo" width="312" height="678"></a></p> <h3> Android demo: </h3> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0ridsalcoaxxdo0kkcj.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0ridsalcoaxxdo0kkcj.gif" alt="Android demo" width="336" height="560"></a></p> flutter ui ux app Cristian Rivas Sun, 17 Feb 2019 14:35:40 +0000 https://forem.com/crivasgomez/i-developed-fitness-a-flutter-app-for-implementing-fitness-app-onboarding-uiux-design-by-anastasia-ageeva-hj5 https://forem.com/crivasgomez/i-developed-fitness-a-flutter-app-for-implementing-fitness-app-onboarding-uiux-design-by-anastasia-ageeva-hj5 <p>This app is part of a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>You can find the entire collection of apps in <a href="https://dev.to/crivasgomez/flutter-uiux-design-implementations-518i">this blog post</a> and all the source code in <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">this GitHub repository</a>.</p> <h2> Fitness </h2> <h4> <a href="https://www.uplabs.com/posts/fitness-app-onboarding-16ea7d31-a12c-49f8-b70c-e367cf651425" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/aaz127" rel="noopener noreferrer">Anastasia Ageeva</a>: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhq591ud7jd2c7qzhbj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhq591ud7jd2c7qzhbj.png" alt="Original design" width="800" height="600"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4452q04de79jnzgvx6em.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4452q04de79jnzgvx6em.gif" alt="iOS demo" width="312" height="680"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0wl3qbsre60segxmuu5.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0wl3qbsre60segxmuu5.gif" alt="Android demo" width="336" height="558"></a></p> flutter ui ux app Cristian Rivas Sat, 16 Feb 2019 22:03:16 +0000 https://forem.com/crivasgomez/flutter-uiux-design-implementations-518i https://forem.com/crivasgomez/flutter-uiux-design-implementations-518i <p>In my <a href="https://github.com/CRivasGomez/flutter-ui-ux-designs" rel="noopener noreferrer">flutter-ui-ux-designs</a> GitHub repository you will find a collection of apps that I developed in Flutter with the purpose of mastering the necessary skills for implementing custom UI/UX designs in Android and iOS.</p> <p>All the apps are classified by topic and contain the corresponding references to the original UI/UX designs.</p> <h2> Authentication </h2> <h3> Animated Background </h3> <h4> <a href="https://www.uplabs.com/posts/ios-login-template-freebie" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/imvasyl" rel="noopener noreferrer">Mike Ivanchyshyn</a>: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk4hpu9k6xbj9jgl82fzd.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk4hpu9k6xbj9jgl82fzd.gif" alt="Original design" width="560" height="420"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdi7ycznl2dbw8l9y2dvx.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fdi7ycznl2dbw8l9y2dvx.gif" alt="iOS demo" width="80" height="174"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvabjuhaoxou5c6bxywo.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuvabjuhaoxou5c6bxywo.gif" alt="Android demo" width="200" height="336"></a></p> <h3> Minimal Login </h3> <h4> <a href="https://www.uplabs.com/posts/minimal-login-light-dark-version" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/anmol3107" rel="noopener noreferrer">Anmol Arora</a>: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fski5vjzu8tudo66tr4gy.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fski5vjzu8tudo66tr4gy.png" alt="Original design" width="800" height="600"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96csmifensa7ll6p4fnz.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F96csmifensa7ll6p4fnz.gif" alt="iOS demo" width="312" height="682"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3t80wg6p651k2hvwghs.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3t80wg6p651k2hvwghs.gif" alt="Android demo" width="334" height="560"></a></p> <h3> Taxigola </h3> <h4> <a href="https://www.uplabs.com/posts/login-ui-8357f9ec-e05d-47b2-8902-f4229c307e8f" rel="noopener noreferrer">Original design</a> by anonymous: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ilcdblqyju2035o9v8h.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0ilcdblqyju2035o9v8h.png" alt="Original design" width="800" height="600"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvv1goqdy8uv01r4b8y1.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmvv1goqdy8uv01r4b8y1.gif" alt="iOS demo" width="310" height="680"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fho8nnl3ww8qr33dc1a91.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fho8nnl3ww8qr33dc1a91.gif" alt="Android demo" width="334" height="558"></a></p> <h2> Onboarding </h2> <h3> Fitness </h3> <h4> <a href="https://www.uplabs.com/posts/fitness-app-onboarding-16ea7d31-a12c-49f8-b70c-e367cf651425" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/aaz127" rel="noopener noreferrer">Anastasia Ageeva</a>: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhq591ud7jd2c7qzhbj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsrhq591ud7jd2c7qzhbj.png" alt="Original design" width="800" height="600"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4452q04de79jnzgvx6em.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4452q04de79jnzgvx6em.gif" alt="iOS demo" width="312" height="680"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0wl3qbsre60segxmuu5.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk0wl3qbsre60segxmuu5.gif" alt="Android demo" width="336" height="558"></a></p> <h3> Party Finding </h3> <h4> <a href="https://www.uplabs.com/posts/party-finding-concept" rel="noopener noreferrer">Original design</a> by <a href="https://www.uplabs.com/lorenzo_restuccia_8" rel="noopener noreferrer">Lorenzo Restuccia</a>: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33rsw74lo84ysu33yeq1.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F33rsw74lo84ysu33yeq1.png" alt="Original design" width="800" height="600"></a></p> <h4> iOS demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb9rw9pqdq66qy2glfikz.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb9rw9pqdq66qy2glfikz.gif" alt="iOS demo" width="312" height="678"></a></p> <h4> Android demo: </h4> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0ridsalcoaxxdo0kkcj.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fg0ridsalcoaxxdo0kkcj.gif" alt="Android demo" width="336" height="560"></a></p> flutter ui ux collection