├── uilogo.png ├── .gitignore ├── LICENSE └── README.md /uilogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/infoAppDev/OpenUIKit/HEAD/uilogo.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################################################################################ 2 | # This .gitignore file was automatically created by Microsoft(R) Visual Studio. 3 | ################################################################################ 4 | 5 | /CWUILibrary/CWUILibrary/bin/Debug 6 | /CWUILibrary/CWUILibrary.Droid/bin/Debug 7 | /CWUILibrary/CWUILibrary/obj/Debug 8 | /CWUILibrary/CWUILibrary.Droid/obj 9 | /CWUILibrary/CWUILibrary.iOS/obj/iPhone/Debug 10 | /packages 11 | /.vs 12 | *.jar 13 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Rizaan Lakay 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | **Important notice** 4 | We have taken down the current version as we received a DMCA takedown notice from a company that felt we were infringing on their design rights. Please don't leave as we will be uploading version 2 in the upcoming weeks and we feel it will be better than version 1. Includes more Xamarin Forms 3 features, such as Flex Layout, CSS and Layout Compression. 5 | 6 | Thank you for your support. 7 | 8 | We will be back! 9 | 10 | # Open UI Kit 11 | 12 | **Version 1.0.0** 13 | 14 | This is a cross-platform xaml ui kit for Xamarin Forms, that contains lots of ui templates for you to use in your projects. We have added a number of custom controls and also included a number of controls from other libraries to help users implement good looking user interfaces. 15 | 16 | The project is written in Xamarin forms using the [Prism MVVM templates](https://github.com/PrismLibrary/Prism-Samples-Forms) by Brian Lagunas. You could use what ever pattern you would like as this is just XAML UI templates. We are adding documentation for using all of the controls as well as a sample project to see its use. The sample project will also be available in the Google Play store as well as the Apple Store. 17 | 18 | **Some of the features included in this UI Kit:** 19 | 1. 48 UI Templates 20 | 2. Fully Themeable 21 | 3. Responsive Layout Helpers 22 | 4. Custom Tab Control 23 | 5. Custom UI Controls 24 | 6. MVVM Ready 25 | 7. Animation Support using Lottie 26 | 27 | ## Using Open UI Kit with an existing project. 28 | 29 | **Things to note:** 30 | * The OpenUIKit uses the Prism MVVM framework by Brian Lagunas. 31 | * Uses Xamarin Forms v3.0.0.550146 32 | * Android compiled against Android 8.1 SDK 33 | 34 | **Steps for adding it to your existing Xamarin Forms project:** 35 | 1. Create a Themes folder in your Xamarin Forms project. (If you don’t already have one.) 36 | 2. Add LightTheme.xaml and DarkTheme files into your Themes folder. (Make sure you add the .xaml and .cs files) 37 | 3. Open the App.xaml file in the CWUILibrary (OpenUIKit) Xamarin Forms project and do the following: 38 | * Add this to the xaml header: 39 | - xmlns:ff="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms" 40 | - xmlns:cust="clr-namespace:CWUILibrary.CustomRenderers;assembly=CWUILibrary" 41 | - xmlns:local="clr-namespace:CWUILibrary.Themes;assembly=CWUILibrary" 42 | 2. Copy the entire Resource Dictionary from the CWUILibrary App.xaml file into your App.xaml file. 43 | 4. Add a CustomRenderers folder to your Xamarin Forms project. 44 | 5. Add all the .cs files from the CustomRenderes folder in the CWUILibrary (OpenUIKit) Xamarin Forms project, to your CustomRenderers folder. (Don’t add the CustomActivityIndicator for now as Lottie is breaking.) 45 | 6. Do the same for the Android and iOS projects, also adding the corresponding .cs files from the CWUILibrary.Droid and CWUILibrary.iOS projects. (Including the Effects folder and its contents) 46 | 7. Create a folder called Helpers in your Xamarin Forms project. Add the following files from the Helpers folder in the CWUILibrary project: 47 | - FontAwesome.cs 48 | - Ionicicons.cs 49 | - IToolbarController.cs 50 | - ShadowEffect.cs 51 | 8. In the Android project add the following files to the Assets folder: 52 | - Fontawesome.ttf 53 | - Ionicons.ttf 54 | - Materialicons.ttf 55 | 9. In the iOS project, in the Resources folder, add the following files: 56 | - Fontawesome.ttf 57 | - Ionicons.ttf 58 | - Materialicons.ttf 59 | 10. Click on your solution file and click the Edit menu then select Find and Replace > Replace in Files. Replace CWUILibrary with YourNameSpace and select Entire Solution. (Uncheck Keep modified files open after Replace All) 60 | 11. Right-click on the solution file and select Manage Nuget Packages for the Solution. Add the following Nuget Packages: 61 | - Xamarin.FFImageLoading to (Xamarin Forms, Android and iOS projects) 62 | - Xamarin.FFImageLoading.Forms to (Xamarin Forms, Android and iOS projects) 63 | - Xamarin.FFImageLoading.Transformations to (Xamarin Forms, Android and iOS projects) 64 | - I wouldn’t add Lottie references to your project for now as it’s breaking currently when adding the latest version. 65 | - Plugin.DeviceOrientation 66 | - AiForms.Effects 67 | - AiForms.Layouts 68 | - CarouselView.FormsPlugin 69 | - DevsDNA.XFParallax 70 | 12. In the Android project, in the MainActivity.cs file, add the following code before the global::Xamarin.Forms.Forms.Init(this, bundle); in the OnCreate method: 71 | - CrossCurrentActivity.Current.Activity = this; 72 | - CachedImageRenderer.Init(true); 73 | - CarouselViewRenderer.Init(); 74 | 13. In the iOS project in the AppDelegate.cs file. Add the following code before the global::Xamarin.Forms.Forms.Init(); in the FinishedLaunching method: 75 | - CachedImageRenderer.Init(); 76 | - CarouselViewRenderer.Init(); 77 | 14. Now you can use any of the views on the Xamarin Forms project and modify as much as you need. 78 | 79 | --- 80 | ## Contributors 81 | - Rizaan Lakay 82 | - Muneem Waggie 83 | 84 | ## License 85 | MIT Licensed. 86 | 87 | ## Donations 88 | Please feel free to show the developers some love and support by donating some money. They will continue to evolve this project and add more features and templates to help the Xamarin Forms community. 89 | 90 | [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=4XNV47Z2KTVDL) 91 | --------------------------------------------------------------------------------