https://github.com/jsuarezruiz/screenshot-to-maui

Convert a screenshot to .NET MAUI XAML code
https://github.com/jsuarezruiz/screenshot-to-maui

ai dotnet dotnet-maui maui

Last synced: about 2 months ago
JSON representation

Convert a screenshot to .NET MAUI XAML code

• Host: GitHub
• URL: https://github.com/jsuarezruiz/screenshot-to-maui
• Owner: jsuarezruiz
• License: mit
• Created: 2023-12-16T11:25:33.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-14T06:57:18.000Z (9 months ago)
• Last Synced: 2024-05-02T05:31:48.176Z (8 months ago)
• Topics: ai, dotnet, dotnet-maui, maui
• Language: C#
• Homepage:
• Size: 10.5 MB
• Stars: 32
• Watchers: 3
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Screenshot to .NET MAUI code

Convert a screenshot to .NET MAUI XAML code!

![Screenshot to .NET MAUI code](images/screenshot-to-maui.gif)

### 1. Upload a screenshot

Select a screenshot of the UI you want to convert to .NET MAUI. It can be from a design, or even a drawing!

### 2. Code generation

The app leverages the power of OpenAI GPT-4 Vision multimodal LLM to transform your screenshot and instructions into code.

### 3. Run the code

The generated code is displayed on screen with an interactive Preview.

## Acknowledgements

This project is inspired by:

- [tldraw/make-real](https://github.com/tldraw/make-real)

- [abi/screenshot-to-code](https://github.com/abi/screenshot-to-code)

- [emilwallner/screenshot-to-code](https://github.com/emilwallner/screenshot-to-code)

- [davidmigloz/pixels2flutter](https://github.com/davidmigloz/pixels2flutter)