Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/leo5imon/blank-page-prototyping

Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.
https://github.com/leo5imon/blank-page-prototyping

ai figma prototyping prototyping-tool

Last synced: about 2 months ago
JSON representation

Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.

Awesome Lists containing this project

README

        

# Blank Page Prototyping ✨

### Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.

## Features

- Connect to your phone or webcam.
- Take picture and upload it to OpenAI GPT4o.
- Generate a simple HTML website based on the content.

## Preview

![Preview](https://i.imgur.com/QnLFiVf.png)
![Preview](https://i.imgur.com/E4rzDwa.png)
![Preview](https://i.imgur.com/odLRLib.png)
![Preview](https://i.imgur.com/b9EvmFK.png)

## Installation

```
git clone https://github.com/leo5imon/blank-page-prototyping
cd blank-page-prototyping
npm install
npm run dev
```

Set-up your OpenAI API key and edit the prompt if you want to make it run differently.

## Contribution

_Contributions are welcome!_
If you would like to contribute, please follow these steps:

- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them.
- Push your changes to your forked repository.
- Submit a pull request to the main repository.