中文

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 ☁️.

• Online address (Click to experience, no need to fill in any).

• PC

      ➡️      

• Mobile

      ➡️      

Milestones 🌊

• Completely restructured using Next.js, supporting simple deployment on multiple cloud platforms.

• 2023/12/28 📅: Added support for multiple themes and i18n.

• 2023/12/31 📅: Support google Gemini (free).

• 2024/01/19 📅: Complete Code Sandbox code-live-sandbox.

• 2024/08/05 📅: Supporting Google's Qwen-VL (open-source large model).

Distinctions 🏄🏿‍♂️

• Better suited for developers familiar with the js/ts tech stack to get started quickly.
• Free serverless cloud platform deployment.
• Support for Excalidraw sketches.
• Support google Gemini (free).
• Support the open-source large model (Qwen-VL).

Plans 🌄

• Implement a code sandbox to support modern, engineered coding practices (coming very soon, the codebase is almost complete).
• Implement partial update features, similar to V0.
• I18n
• Support google Gemini.
• Support open-source large model

Deployment 🪤

Docker

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

Vercel

• Click the button on the right to start deployment:
• Once deployed, you can start using it;
• (Optional) Bind a custom domain: The DNS of the domain assigned by Vercel is polluted in some regions, binding a custom domain will allow direct connection.

Developers 💪

# pnpm
pnpm i;
pnpm dev;

# yarn
yarn;
yarn dev;

Acknowledgements 🙏

• Original repository: screenshot-to-code
• Forked repository: ant-codeAI

Related 🌲

• local-mk-editor-in-browser 👷
• chat-query 📖