{"id":20822280,"url":"https://github.com/radekvym/tab-bar-switches-interaction","last_synced_at":"2025-05-07T16:42:03.849Z","repository":{"id":87332985,"uuid":"301616116","full_name":"RadekVyM/Tab-Bar-Switches-Interaction","owner":"RadekVyM","description":"[UI challange] .NET MAUI tab bar inspired by the \"Tab Bar Switches Interaction\" design by Ronas IT | UI/UX Team.","archived":false,"fork":false,"pushed_at":"2024-10-18T13:29:28.000Z","size":12171,"stargazers_count":51,"open_issues_count":1,"forks_count":9,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-31T12:01:29.803Z","etag":null,"topics":["android","dotnet","ios","maccatalyst","maui","maui-apps","navigation","navigation-component","navigationbar","simpletoolkit","tabbar","tabbar-menu","ui","ui-components","windows","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-06T04:45:06.000Z","updated_at":"2025-02-06T14:27:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"ea3596be-a785-4cfa-b684-6e8febe93064","html_url":"https://github.com/RadekVyM/Tab-Bar-Switches-Interaction","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%2FTab-Bar-Switches-Interaction","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FTab-Bar-Switches-Interaction/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FTab-Bar-Switches-Interaction/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FTab-Bar-Switches-Interaction/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RadekVyM","download_url":"https://codeload.github.com/RadekVyM/Tab-Bar-Switches-Interaction/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252916319,"owners_count":21824748,"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","dotnet","ios","maccatalyst","maui","maui-apps","navigation","navigation-component","navigationbar","simpletoolkit","tabbar","tabbar-menu","ui","ui-components","windows","xamarin-forms"],"created_at":"2024-11-17T22:14:31.148Z","updated_at":"2025-05-07T16:42:03.816Z","avatar_url":"https://github.com/RadekVyM.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tab Bar Switches Interaction\n\n**.NET MAUI** tab bar inspired by the [Tab Bar Switches Interaction](https://dribbble.com/shots/14028381-Tab-Bar-Switches-Interaction) design by [Ronas IT | UI/UX Team](https://dribbble.com/ronasit).\n\n\nhttps://github.com/user-attachments/assets/3381a7d4-312a-4a92-a449-b5bfd0866fd7\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 [Ronas IT | UI/UX Team](https://dribbble.com/ronasit) for their beautiful original work.\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://dribbble.com/shots/14028381-Tab-Bar-Switches-Interaction\"\u003e\n        \u003cimg src=\"./images/tabbarswitches_original.gif\" data-canonical-src=\"./images/tabbarswitches_original.gif\" alt=\"Dribble design\"/\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\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_tabbarswitches.webp\" width=\"219\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/ios_tabbarswitches.webp\" width=\"226\"\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Ftab-bar-switches-interaction","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradekvym%2Ftab-bar-switches-interaction","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Ftab-bar-switches-interaction/lists"}