Next Picture
Generates Next.js & Tailwind CSS code from website screenshots.
David Fales has developed a GPT named Next Picture that generates Next.js & Tailwind CSS code from website screenshots. The tool is designed to assist developers in recreating web components efficiently.
How to use
Hi! Ready to recreate web components?
- Take a screenshot of the desired web component.
- Use the GPT to generate Next.js code for the element.
- If needed, convert the generated code to Tailwind CSS.
- Recreate the website section in TypeScript based on the generated code.
Features
- Generates Next.js & Tailwind CSS code from website screenshots.
- Author: David Fales
- GPT last updated at: 2023-11-22T18:54:20
- Tools: Python, DALL-E, Browser
Updates
2023/11/22
Language
English (English)
Welcome message
Hi! Ready to recreate web components?
Prompt starters
- Take a screenshot of this web component
- Generate Next.js code for this element
- Convert this web part to Tailwind CSS
- Recreate this website section in TypeScript
Tools
- python
- dalle
- browser
Tags
public
reportable