Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/beto-rodriguez/FluidNav
- Owner: beto-rodriguez
- Created: 2023-12-12T01:45:22.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-23T16:17:57.000Z (11 months ago)
- Last Synced: 2024-08-03T17:12:46.929Z (4 months ago)
- Topics: maui, maui-app, transition-animation, transition-api
- Language: C#
- Homepage:
- Size: 3.54 MB
- Stars: 25
- Watchers: 2
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-dotnet-maui - FluidNav - based navigation experience that uses routes to navigate to any page in the app, it helps to build soft transitions between views.|[![GitHub stars](https://img.shields.io/github/stars/beto-rodriguez/FluidNav?style=flat-square)](https://github.com/beto-rodriguez/FluidNav/stargazers)|[![GitHub last-commit](https://img.shields.io/github/last-commit/beto-rodriguez/FluidNav?style=flat-square)](https://github.com/beto-rodriguez/FluidNav/commits) (UI)
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)