{"id":14968269,"url":"https://github.com/radekvym/marvelousmaui","last_synced_at":"2025-04-08T09:07:22.789Z","repository":{"id":87332556,"uuid":"606470307","full_name":"RadekVyM/MarvelousMAUI","owner":"RadekVyM","description":".NET MAUI clone of the Wonderous app – a visual showcase of eight wonders of the world.","archived":false,"fork":false,"pushed_at":"2024-12-25T09:21:58.000Z","size":128559,"stargazers_count":514,"open_issues_count":2,"forks_count":71,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-04-08T09:06:44.093Z","etag":null,"topics":["android","design","dotnet","dotnet-core","dotnet-maui","ios","maui","maui-app","maui-apps","maui-hybrid","simpletoolkit","ui","ui-components","xamarin"],"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}},"created_at":"2023-02-25T15:38:53.000Z","updated_at":"2025-04-06T19:12:00.000Z","dependencies_parsed_at":"2023-05-13T22:30:42.527Z","dependency_job_id":"bd82b18c-d055-45b4-aa96-a366c8e3954e","html_url":"https://github.com/RadekVyM/MarvelousMAUI","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%2FMarvelousMAUI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FMarvelousMAUI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FMarvelousMAUI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RadekVyM%2FMarvelousMAUI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RadekVyM","download_url":"https://codeload.github.com/RadekVyM/MarvelousMAUI/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809962,"owners_count":20999816,"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","design","dotnet","dotnet-core","dotnet-maui","ios","maui","maui-app","maui-apps","maui-hybrid","simpletoolkit","ui","ui-components","xamarin"],"created_at":"2024-09-24T13:39:37.307Z","updated_at":"2025-04-08T09:07:22.761Z","avatar_url":"https://github.com/RadekVyM.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"./images/app_logo.png\" width=\"50\"\u003e\u003c/img\u003e\n\u003ch1 align=\"center\"\u003e\nMarvelous .NET MAUI\n\u003c/h1\u003e\n\u003c/div\u003e\n\n**.NET MAUI clone** of the [Wonderous app](https://flutter.gskinner.com/wonderous/) - a visual showcase of **eight wonders of the world** made with [Flutter](https://github.com/flutter/flutter) by the team at [gskinner](https://gskinner.com/).\n\nhttps://github.com/RadekVyM/MarvelousMAUI/assets/65116078/3a6b59a0-e48f-4af4-b168-2d0481df4b15\n\nThis project demonstrates how to develop **tailored UI** using .NET MAUI. However, Marvelous .NET MAUI is not just a demonstration, it is a **fully functional app** that allows users to navigate the intersection of history, art, and culture by exploring the Wonders of the World.\n\nThanks to the original version of the app, you can also find out how well .NET MAUI competes against Flutter, for example in terms of app performance.\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.\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## Original app\n\nThe original Wonderous app is a reference app that shows how to develop tailored UI using Flutter.\n\n\u003cp align=\"center\"\u003e\n \u003cimg src=\"https://user-images.githubusercontent.com/736973/187334170-d05271e9-d016-4498-8065-662c6f1124fa.png\"\u003e\n\u003c/p\u003e\n\nHere are some resources to learn more about the app and the amazing team that created it:\n\n- [Official Wonderous website](https://flutter.gskinner.com/wonderous/)\n- [Wonderous GitHub repository](https://github.com/gskinnerTeam/flutter-wonderous-app)\n- [Blog post about the goals of the app](https://medium.com/flutter/wonderous-explore-the-world-with-flutter-f43cce052e1)\n- [YouTube video showcasing Wonderous](https://www.youtube.com/watch?v=6Hb3QiH_yps)\n- [YouTube video about Wonderous by Flutter](https://www.youtube.com/watch?v=6IKhXXFFOuw)\n- [gskinner website](https://gskinner.com/)\n\n## Features\n\nMarvelous .NET MAUI has highly expressive user interface, tailored to the mobile form factor, and does not conform to a stock design system. Only .NET MAUI APIs and a few community libraries are used to achieve this level of expressiveness:\n\n- [.NET MAUI Community Toolkit](https://github.com/CommunityToolkit/Maui) - collection of common elements for development with .NET MAUI that developers tend to replicate across multiple apps\n- [SimpleToolkit](https://github.com/RadekVyM/SimpleToolkit) - library of helpers and simple, easily customizable controls\n- [Draggable Grid](https://github.com/RadekVyM/Draggable-Grid-JS) - JavaScript control that allows you to arrange items of an unordered list into a grid and to move between them by dragging\n\n### Remarkable carousel view\n\nUnique, custom-built carousel view which lets you to switch between all eight wonders of the world.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_illustrations_20.gif\" width=\"220\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/iphone_illustrations.webp\" width=\"229\"\u003e\n\u003c/p\u003e\n\n### Unique scroll patterns\n\nUnique scroll patterns and effects as you move through various pages.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_main_wonder_page_20.gif\" width=\"220\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/iphone_history_page.webp\" width=\"229\"\u003e\n\u003c/p\u003e\n\n### Custom controls\n\nTailored buttons, icons and other controls that match the Wonderous design system. Some of them are just compositions of existing .NET MAUI controls, and some are (almost completely) drawn using .NET MAUI cross-platform drawing APIs, such as a slider to select the period of the currently displayed artifacts.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_artifacts_slider_20.gif\" width=\"220\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/iphone_timeline.webp\" width=\"229\"\u003e\n\u003c/p\u003e\n\n### Animations everywhere\n\nThe application is full of animations.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_discovering_artifact_20.gif\" width=\"220\"\u003e\n    \u0026nbsp;\u0026nbsp;\n    \u003cimg src=\"./images/iphone_wonders_transitions_20.gif\" width=\"229\"\u003e\n\u003c/p\u003e\n\n### Blazor/JavaScript component\n\nThe wonder photo gallery is created using the [Draggable Grid](https://github.com/RadekVyM/Draggable-Grid-JS) JavaScript control which is embedded via `BlazorWebView`.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./images/android_wonder_photo_gallery_12.gif\" width=\"220\"\u003e\n\u003c/p\u003e\n\n## License\n\nAs with the original app ([license](https://github.com/gskinnerTeam/flutter-wonderous-app/blob/main/LICENSE)), source code of this app is released under the MIT license. You can use the code for any purpose, including commercial projects.\n\nHowever, **visual assets are copyrighted** and **used with permission**. Please visit the [Wonderous GitHub repository](https://github.com/gskinnerTeam/flutter-wonderous-app) for original version of the assets.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Fmarvelousmaui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradekvym%2Fmarvelousmaui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradekvym%2Fmarvelousmaui/lists"}