V-Control: An out-of-the-box .NET MAUI component library is released!🥳

I have written quite a few MAUI samples before, many of which include code that can be packaged into components. Once these components are sufficiently developed, I plan to encapsulate them into a control library.

Today, The Chinese Lunar New Year 🎆 and after one year and eight months since the creation of this repository, I feel it's time to consider releasing it as an open-source library.🥳

Many developers are observing .NET MAUI, unsure whether it can be used as a productive cross-platform mobile development tool. At this point, I want to tell everyone that .NET MAUI is a fantastic mobile development platform. When combined with V-Control, a component library for .NET MAUI, you can quickly build business-oriented application interfaces. V-Control provides a set of ready-to-use UI controls that make it easy to create mobile applications.

V-Control is a component library for .NET MAUI, providing a set of out-of-the-box UI controls to quickly build business-oriented app interfaces.

Features

• VButton - Button Component
• VCard - Card Component
• VCheckableCollection - Checkable Collection Component
• VCheckBox - Checkbox Component
• VCheckBoxButton - Checkbox Button Component
• VCheckBoxGroup - Checkbox Group Component
• VCollection - Collection View Component
• VDateNativePicker - Native Date Picker Component
• VDatePicker - Date Picker Component
• VEditor - Editor Component
• VExpander - Expander Component
• VFormItem - Form Component
• VIndicator - Progress Indicator Component
• VMenuCell - Menu Item Component
• VNumberEntry - Number Entry Component
• VPicker - Picker Component
• VRadioButton - Radio Button Component
• VRadioButtonGroup - Radio Button Group Component (Toggle Bar)
• VSearchBar - Search Bar Component
• VTagPicker - Tag Picker Component
• VTimeLine - Timeline Component
• VTopAppBar - Top App Bar Component
• VTouchContentView - Gesture Listener Component
• VUploader - File Upload Component
• VValidatingEntry - Validating Entry Component
• VValidatingPicker - Validating Picker Component
• VRichTextEditor - Rich Text Editor Component
• VEntry - Entry Component
• VPlaceholderView - Placeholder View Component

Todo

• VAutocomplete - Autocomplete Component
• VComparisonView - Comparison View Component
• VCalendar - Calendar Component
• Dark Mode
• BlazorApp-based Components

Quick Start

1. Run the following command in your .NET MAUI project to install V-Control:

dotnet add package VControl

Or search for "V-Control" in NUGET and install it.

1. In MauiProgram, use .UseVControl() to add the V-Control handler in the MauiAppBuilder.

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();
    builder
        .UseMauiApp<App>()
        .UseVControl()   //👈 Add V-Control handler here
    var mauiApp = builder.Build();
    return mauiApp;
}

1. Open the App.xaml file and add <v:VControlTheme /> to the resources.

<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:v="clr-namespace:VControl.Styles;assembly=VControl">
    <Application.Resources>
        <v:VControlTheme />
        ...
    </Application.Resources>   
</Application>

Documentation

Visit V-Control Docs

Source Code and Samples

You can visit the GitHub to view the source code and examples for V-Control.