https://github.com/GMPrakhar/MAUI-Designer

UI Designer for MAUI Applications
https://github.com/GMPrakhar/MAUI-Designer

Last synced: 3 months ago
JSON representation

UI Designer for MAUI Applications

• Host: GitHub
• URL: https://github.com/GMPrakhar/MAUI-Designer
• Owner: GMPrakhar
• Created: 2024-07-25T08:27:48.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-08-29T14:37:27.000Z (4 months ago)
• Last Synced: 2024-08-29T16:18:15.018Z (4 months ago)
• Language: C#
• Size: 243 KB
• Stars: 18
• Watchers: 7
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-dotnet-maui - MAUI Designer - Designer?style=flat-square)](https://github.com/GMPrakhar/MAUI-Designer/stargazers)|[](https://github.com/GMPrakhar/MAUI-Designer/commits) (Tools)

README

        

# MAUI Designer

A small project to be able to preview XAML changes into MAUI view, and later add drag and drop functionality to create MAUI UI.

## Current capabilities:

- Write XAML into the text editor, click on Render button, and corresponding view will be rendered in the frame.

- Select views from toolbox and perform drag+drop across the right side frame. Currently only supports AbsoluteLayout.

- Scale the views using anchors on the border of the view.

- Properties menu for selected element so that the properties can be updated and applied directly to the view, including color, margin, padding and text/font manipulations.

- Generate XAML from the design, and load design from XAML. Currently only supports Absolute Layout as the base element ( after ContentPage ).

## Renderer

![image](https://github.com/user-attachments/assets/7aabe77f-8bfa-48b0-be58-150e8c352018)

## Designer

![image](https://github.com/user-attachments/assets/f8c0437b-0be7-483f-8f2d-1ed8a4c42322)

## Property View

![image](https://github.com/user-attachments/assets/73c3a71d-4521-4d57-8b0b-1430ecb752f7)

## XAML Generator

![image](https://github.com/user-attachments/assets/64cbd604-ce17-4ead-868e-8b3398878ab6)

## Scale Example

![{68091961-CD0D-4969-A94D-FF8B42C41FB3}](https://github.com/user-attachments/assets/7cb46ccb-5ccc-4d81-b81b-0f18ee53cd3c)

## Load example

![image](https://github.com/user-attachments/assets/a003ce9c-3ea1-4083-8cea-259b33fc1aa6)