https://github.com/bladealex9848/ui2html

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de Gemini, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente.
https://github.com/bladealex9848/ui2html

python streamlit ui ui-design

Last synced: about 16 hours ago
JSON representation

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de Gemini, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente.

• Host: GitHub
• URL: https://github.com/bladealex9848/ui2html
• Owner: bladealex9848
• License: mit
• Created: 2024-08-02T14:34:09.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-02T21:04:08.000Z (3 months ago)
• Last Synced: 2024-08-03T16:23:02.644Z (3 months ago)
• Topics: python, streamlit, ui, ui-design
• Language: Python
• Homepage: https://ui2html.streamlit.app/
• Size: 172 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Logo de UI2HTML](https://github.com/bladealex9848/UI2HTM/blob/main/logo.jpg)

# UI2HTML: Convierte Interfaces en Código

## Descripción

UI2HTML es una herramienta innovadora que convierte imágenes de interfaces de usuario en código HTML. Utilizando la API de OpenAI, esta aplicación analiza y describe detalladamente la interfaz de usuario y genera el código HTML correspondiente, asegurando que el diseño sea receptivo y fiel al original.

## Introducción

Con UI2HTML, puedes transformar imágenes de interfaces de usuario en código HTML de manera sencilla y eficiente. La aplicación utiliza la API de OpenAI para analizar y describir la interfaz de usuario, generando un código HTML preciso y estilizado. Para desarrollar esta aplicación necesitaremos:

- API de OpenAI

- Streamlit

## ¿Cómo funciona?

1. Carga una imagen de la interfaz de usuario.

2. La imagen se analiza y se describe detalladamente.

3. Se genera un código HTML basado en la descripción de la interfaz de usuario.

4. El código HTML se refina para mejorar la precisión y la capacidad de respuesta.

## Funcionalidades

- **Convertir imagen a HTML**: Convierte imágenes de interfaces de usuario en código HTML.

- **Refinamiento de HTML**: Mejora la precisión y la capacidad de respuesta del código HTML generado.

- **Descarga de HTML**: Permite descargar el código HTML generado.

## Instalación

1. Asegúrate de tener Python 3.8 o superior instalado en tu máquina.

2. Clona este repositorio usando `git clone https://github.com/bladealex9848/UI2HTML.git`

3. Navega al directorio del proyecto `cd UI2HTML`

4. Instala las dependencias necesarias usando `pip install -r requirements.txt`

5. Ejecuta `streamlit run app.py` para iniciar la aplicación.

6. Obtén una clave API de Gemini para usar su API.

## Uso

1. **Convertir imagen a HTML**

- Carga una imagen de la interfaz de usuario.

- Haz clic en "Convertir en código HTML".

- Espera a que se genere y refine el código HTML.

- Descarga el archivo HTML generado.

## Contribuciones

Si deseas contribuir a este proyecto, por favor, realiza un fork de este repositorio, crea una nueva rama, realiza tus cambios y envía un pull request.

## Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo `LICENSE` para obtener más detalles.