{"id":20822295,"url":"https://github.com/radekvym/navbar-animation-2","last_synced_at":"2025-05-07T16:41:21.306Z","repository":{"id":52084373,"uuid":"302100344","full_name":"RadekVyM/Navbar-Animation-2","owner":"RadekVyM","description":"[UI challange] .NET MAUI implementation of  \"Navbar Animation #2\" design by Marie Bernard.","archived":false,"fork":false,"pushed_at":"2024-06-01T10:43:32.000Z","size":13085,"stargazers_count":19,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-06-01T12:03:39.585Z","etag":null,"topics":["android","animation","dotnet","dotnetmaui","ios","maccatalyst","maui","navbar-animation","simpletoolkit","windows","xamarin","xamarin-forms"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RadekVyM.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-10-07T16:45:24.000Z","updated_at":"2024-06-01T10:43:35.000Z","dependencies_parsed_at":"2024-06-01T11:58:07.421Z","dependency_job_id":"70c4079d-fae1-470b-a3cf-a20a0db52f03","html_url":"https://github.com/RadekVyM/Navbar-Animation-2","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FNavbar-Animation-2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FNavbar-Animation-2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FNavbar-Animation-2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FNavbar-Animation-2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RadekVyM","download_url":"https://codeload.github.com/RadekVyM/Navbar-Animation-2/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225096634,"owners_count":17420293,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","animation","dotnet","dotnetmaui","ios","maccatalyst","maui","navbar-animation","simpletoolkit","windows","xamarin","xamarin-forms"],"created_at":"2024-11-17T22:14:34.108Z","updated_at":"2024-11-17T22:14:34.641Z","avatar_url":"https://github.com/RadekVyM.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Navbar Animation #2\n\n**.NET MAUI** tab bar inspired by the [Navbar Animation #2](https://dribbble.com/shots/14122275-Navbar-Animation-2) design by [Marie Bernard](https://dribbble.com/marie_brn).\n\n\nhttps://github.com/user-attachments/assets/0e52fe5a-61c1-4815-a311-1b8fec02d6e0\n\n\nThis project demonstrates how to create a **custom tab bar** and integrate it with the `SimpleShell` control from [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit).\n\n## Original design\n\nMany thanks to [Marie Bernard](https://dribbble.com/marie_brn) for their beautiful original work.\n\n[![Dribbble Design](./images/navbaranimation_original.gif)](https://dribbble.com/shots/14122275-Navbar-Animation-2)\n\n## Installation\n\nFirst, make sure you have your Visual Studio and .NET 8 environment set up for .NET MAUI development. If not, follow the [setup instructions](https://learn.microsoft.com/dotnet/maui/get-started/installation). Then make sure you have your [Android](https://learn.microsoft.com/dotnet/maui/get-started/first-app?pivots=devices-android) or [iOS](https://learn.microsoft.com/dotnet/maui/get-started/first-app?pivots=devices-ios) platform set up for deployment of the application.\n\nOnce everything is set up, you can clone the repo and run the application via Visual Studio or Visual Studio Code.\n\nHere are some resources to learn more about .NET MAUI:\n\n- [Official website](https://dotnet.microsoft.com/apps/maui)\n- [Microsoft Learn](https://learn.microsoft.com/dotnet/maui/what-is-maui)\n- [.NET MAUI GitHub repository](https://github.com/dotnet/maui)\n\n## Features\n\nOnly .NET MAUI APIs and my [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit) library were used to create this sample.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_navbaranimation_2.webp\" width=\"219\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/iphone_navbaranimation_2.webp\" width=\"226\"\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Fnavbar-animation-2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradekvym%2Fnavbar-animation-2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Fnavbar-animation-2/lists"}