From Vision to Reality: Transform Your Screenshots into Stunning Web Pages Instantly!

GitHub: https://github.com/Mrxyy/screenshot-to-page

Converts screenshots, image links, and sketch drawings into code to create pages (supports OpenAI and Google Gemini), with one-click deployment to the cloud ☁️.

• Live Demo (click to experience, no input required).

• Desktop

      ➡️      

• Mobile

      ➡️      

Milestones 🌊

• Fully rebuilt using Next.js, supporting simple deployment across multiple cloud platforms.

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

• 2023/12/31 📅: Added support for Google Gemini (free).

Distinctions 🏄🏿‍♂️

• More suitable for developers with a JS/TS tech stack to get started quickly.
• Free serverless cloud platform deployment.
• Supports drawing with Excalidraw.
• Supports Google Gemini (free).

Plans 🌄

• Implement a code sandbox to support modern, engineered coding practices (coming soon, the codebase is almost complete).
• Implement partial update modifications, similar to V0.
• I18n
• Support for Google Gemini

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 domain name DNS 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 📖