Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mrxyy/screenshot-to-page

Convert screenshots, image links, or sketches into code using LLM (supporting OpenAi、 Gemini、 Qwen-VL (open-source )) technology, and transform them into web pages with the ability to deploy to the cloud with just one click ☁️.
https://github.com/mrxyy/screenshot-to-page

ai draw-to-code gemini nextjs openai screenshot-to-code screenshot-to-page vercel

Last synced: about 23 hours ago
JSON representation

Host: GitHub
URL: https://github.com/mrxyy/screenshot-to-page
Owner: Mrxyy
Created: 2023-12-21T16:20:03.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-08-06T05:11:31.000Z (6 months ago)
Last Synced: 2024-08-06T14:29:12.677Z (6 months ago)
Topics: ai, draw-to-code, gemini, nextjs, openai, screenshot-to-code, screenshot-to-page, vercel
Language: TypeScript
Homepage: https://screenshot-to-page.vercel.app
Size: 421 KB
Stars: 50
Watchers: 2
Forks: 10
Open Issues: 1
Metadata Files:
- Readme: readme-zh.md

Awesome Lists containing this project

README

        
screenshot-to-page


> **可以将截图、图片链接、绘制草图LLM（支持OpenAi、Gemini、 Qwen-VL（开源））生成代码和前端页面，支持一键部署 ☁️**。

+ [线上地址](https://screenshot-to-page.vercel.app/) (**点击即可体验**，你不需要填写任何内容)。

+ 桌面端

      ➡️      

+ 移动端

      ➡️      

## 里程碑 🌊

+ 使用nexjs进行了完全的重构，支持多个云平台简单部署。

+ 2023/12/28 📅: 增加多主题和支持i18n。

+ 2023/12/31 📅: 支持谷歌Gemini（免费）。

+ 2024/01/19 📅：完成代码沙盒 [code-live-sandbox](https://github.com/Mrxyy/code-live-sandbox)。

+ 2024/08/05📅: 支持谷歌 Qwen-VL（开源大模型）。

## 区别 🏄🏿‍♂️

+ 更加适合js/ts技术栈开发人员快速上手。

+ 免费的无服务器的云平台部署。

+ 支持excalidraw绘制。

+ 支持谷歌Gemini（免费）。

+ 支持开源大模型(Qwen-VL)。

## 计划 🌄

+ 实现代码沙箱，支持现代化、工程化的编码方式 （很快就会到来啦，代码基本已经完成）。

+ 实现局部修改更新，类似V0。

+ ~~I18n~~

+ ~~支持谷歌Gemini~~

+ ~~支持开源大模型~~

## 部署 🪤

### docker 

``` sh

docker run -p  3000:3000 jadenxiong/screenshot-to-page

```

### vercel

+ 点击右侧按钮开始部署：[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/import?s=https%3A%2F%2Fgithub.com%2FMrxyy%2Fscreenshot-to-page&hasTrialAvailable=1&showOptionalTeamCreation=false&project-name=screenshot-to-page&framework=nextjs&totalProjects=1&remainingProjects=1&env=OPENAI_API_KEY)

+ 部署完毕后，即可开始使用；

+ （可选）[绑定自定义域名](https://vercel.com/docs/concepts/projects/domains/add-a-domain)：Vercel 分配的域名 DNS 在某些区域被污染了，绑定自定义域名即可直连。

 

## 开发者 💪

``` sh

# pnpm

pnpm i；

pnpm dev；

```

``` sh

# yarn

yarn；

yarn dev；

```

## 感谢 🙏

+ 原仓库: [screenshot-to-code](https://github.com/abi/screenshot-to-code/blob/main/README.md) 

+ fork仓库: [ant-codeAI](https://github.com/sparrow-js/ant-codeAI) 

## 相关 🌲

+ [local-mk-editor-in-browser](https://github.com/Mrxyy/local-mk-editor-in-browser) 👷

+ [chat-query](https://github.com/Mrxyy/chat-query.git) 📖