https://github.com/radekvym/tab-bar-switches-interaction

[UI challange] .NET MAUI implementation of "Tab Bar Switches Interaction" design by Ronas IT | UI/UX Team.
https://github.com/radekvym/tab-bar-switches-interaction

android dotnet ios maccatalyst maui maui-apps navigation navigation-component navigationbar simpletoolkit tabbar tabbar-menu ui ui-components windows xamarin-forms

Last synced: about 4 hours ago
JSON representation

[UI challange] .NET MAUI implementation of "Tab Bar Switches Interaction" design by Ronas IT | UI/UX Team.

• Host: GitHub
• URL: https://github.com/radekvym/tab-bar-switches-interaction
• Owner: RadekVyM
• License: mit
• Created: 2020-10-06T04:45:06.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-06-01T10:49:58.000Z (6 months ago)
• Last Synced: 2024-06-01T12:11:50.932Z (6 months ago)
• Topics: android, dotnet, ios, maccatalyst, maui, maui-apps, navigation, navigation-component, navigationbar, simpletoolkit, tabbar, tabbar-menu, ui, ui-components, windows, xamarin-forms
• Language: C#
• Homepage:
• Size: 8.47 MB
• Stars: 38
• Watchers: 3
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tab Bar Switches Interaction

**.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).

https://github.com/user-attachments/assets/3381a7d4-312a-4a92-a449-b5bfd0866fd7

This project demonstrates how to create a **custom tab bar** and integrate it with the `SimpleShell` control from [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit).

## Original design

Many thanks to [Ronas IT | UI/UX Team](https://dribbble.com/ronasit) for their beautiful original work.



    

        

    



## Installation

First, 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.

Once everything is set up, you can clone the repo and run the application via Visual Studio or Visual Studio Code.

Here are some resources to learn more about .NET MAUI:

- [Official website](https://dotnet.microsoft.com/apps/maui)

- [Microsoft Learn](https://learn.microsoft.com/dotnet/maui/what-is-maui)

- [.NET MAUI GitHub repository](https://github.com/dotnet/maui)

## Features

Only .NET MAUI APIs and my [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit) library were used to create this sample.