Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/beto-rodriguez/FluidNav

Experimental custom navigation for maui
https://github.com/beto-rodriguez/FluidNav

maui maui-app transition-animation transition-api

Last synced: 30 days ago
JSON representation

Experimental custom navigation for maui

Awesome Lists containing this project

README

        

# FluidNav

Fluid nav is an experimental alternative to maui `Shell` it also uses a URI-based navigation experience that uses routes to navigate to any page in the app, it helps to build soft transitions between views.

### Why?

- The MAUI default shell is hard to customize, with this control you can use any XAML view and use it as a host of your app.
- it is inspired on the [web transitions api](https://developer.chrome.com/docs/web-platform/view-transitions/) idea, and the example provided in this repo is based on [this](https://live-transitions.pages.dev/).

### Disclaim

It is an experiment, use it at your own risk, the performance seems great (using the Release build) even with "large" collections, because it uses a `CollectionView` to display the data

.![mobile transition](https://github.com/beto-rodriguez/FluidNav/assets/10853349/80055049-9684-43af-9200-10f35fd017ed)

![desktop transition](https://github.com/beto-rodriguez/FluidNav/assets/10853349/2b1d77d5-11fb-4c9f-956b-b44e3b55116d)