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

https://github.com/jsuarezruiz/TemplateMAUI

A set of .NET MAUI templated controls.
https://github.com/jsuarezruiz/TemplateMAUI

controls dotnet dotnet-maui maui

Last synced: 9 months ago
JSON representation

A set of .NET MAUI templated controls.

Awesome Lists containing this project

README

          

# TemplateMAUI

A set of .NET MAUI templated controls.

![TemplateMAUI](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/templatemaui-promo.png)

Visit [Documentation](https://jsuarezruiz.github.io/TemplateMAUI/)

### How to use it

First, add the TemplateMAUI **NuGet** package to your project. Run the following command in the Package Manager Console.

```
PM> Install-Package TemplateMAUI
```

After adding the NuGet package, initialize the library in the **App** class:

```
TemplateMAUI.Init();
```

### Controls

Currently, the following controls are available:

#### AvatarView

Is a graphical representation of the user image view that can be customized by adding icon, text, etc.

![AvatarView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/avatarview.png)

#### BadgeView

Control used to used to notify users notifications, or status of something.

![BadgeView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/badgeview.png)

#### Button

Represents a button control with customizable content, appearance, and behavior, making it a versatile component for user interaction in your application.

![Button](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/button.png)

#### CarouselView

Allow to navigate through a collection of views.

![CarouselView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/carouselview.png)

#### ChatBubble

Allow to show a speech bubble message.

![ChatBubble](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/chatbubble.png)

#### ComparerView

Provides an option for displaying a split-screen of two views, which can help you to make comparisons.

![ComparerView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/comparerview.png)

#### DataVisualization

Several series graphs.

![DataVisualization](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/datavisualization.png)

#### Divider

Displays a separator between views.

![Divider](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/divider.png)

#### ExpanderView

Provide content in an expandable area and includes a header.

![ExpanderView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/expanderview.gif)

#### FeedbackView

Provide visual feedback to touch interactions.

![FeedbackView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/feedbackview.gif)

#### GridSplitter

Represents the control that redistributes space between columns or rows of a Grid control.

![GridSplitter](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/gridsplitter.png)

#### Marquee

Use this control to add an attention getting text message that scrolls continuously across the screen.

![Marquee](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/marquee.png)

#### PinBox

Allow to introduce a PIN or verification Code.

![PinBox](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/pinbox.png)

### PreviewSlider

Represents a Slider control that provides a preview of its value.

![PreviewSlider](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/previewslider.gif)

### ProgressBar

Provides a customizable visual to indicate the progress of a task.

![ProgressBar](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/progressbar.png)

#### ProgressButton

Represent a button with integrated progress indication functionality.

![ProgressButton](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/progressbutton.gif)

#### PropertyGrid

Allows end-users to edit properties of the objects associated with it.

![PropertyGrid](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/propertygrid.png)

#### Rate

Allows users to select a rating value from a group of visual symbols like stars.

![Rate](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/rate.png)

#### SegmentedControl

Is a linear segment made up of multiple segments and allow users to select between multiple options.

![SegmentedControl](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/segmentedcontrol.png)

#### Shield

Shield is a type of badge.

![Shield](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/shield.png)

#### Slider

Is a horizontal bar that can be manipulated by the user to select a double value from a continuous range.

![Slider](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/slider.png)

#### SnackBar

Provide brief messages about app processes at the bottom of the screen.

![SnackBar](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/snackbar.gif)

#### StepBar

Allows users to track or keep up with multi-step tasks smoothly.

![StepBar](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/stepbar.png)

#### Tag

Is a tagging control.

![Tag](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/tag.png)

#### ToggleButton

Represents a button that can be toggled between two states: toggled and untoggled.

![ToggleButton](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/togglebutton.gif)

#### ToggleSwitch

A View control that provides a toggled value.

![ToggleSwitch](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/toggleswitch.png)

#### TreeView

Enables a hierarchical list with expanding and collapsing nodes that contain nested items.

![TreeView](https://raw.githubusercontent.com/jsuarezruiz/TemplateMAUI/main/images/treeview.png)

## Contribution

We welcome contributions from the community! If you have any suggestions, improvements, or new control ideas, feel free to open an issue or submit a pull request.

## Copyright and license

Code released under the [MIT license](https://opensource.org/licenses/MIT).