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

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

Last synced: 4 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 (10 months ago)
• Default Branch: main
• Last Pushed: 2024-11-05T07:48:04.000Z (6 months ago)
• Last Synced: 2024-11-05T08:30:08.267Z (6 months ago)
• Language: CSS
• Size: 1.21 MB
• Stars: 60
• Watchers: 9
• Forks: 6
• Open Issues: 10
• 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 ).

## Current UI

![image](https://github.com/user-attachments/assets/5e728838-6d0c-4648-b13e-f09e748ae886)

## Designer

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

## 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)