What kind of screenshot works best?

A clear capture of a real website at desktop width, ideally the full page. Design mockups and Dribbble shots work too. Avoid photos of screens taken with a phone camera.

How many screenshots can I add?

Up to 3 per prompt. They can be screenshots, links, or a mix.

Does FNJ keep my screenshots?

No. A screenshot is re-encoded and sent with that one prompt, then discarded. It isn't stored.

Can I use a screenshot of a competitor's site?

You can use any site as inspiration for the look, which is how designers work. The builder never copies its text, logos or images; the content of your site is your own.

AI website builder from image

Turn a screenshot into your own website

Give FNJ's AI website builder a screenshot of any website you admire and it designs your site in that visual language: the grid, typography, colour, spacing and component style, with your own words and pages. It builds every page at three screen sizes on a canvas you can edit, then exports a Next.js or HTML project.

Start building Watch a demo

Why a screenshot works better than a description

"Modern and clean" means something different to everyone. A picture doesn't. The builder designs far better from a reference it can see than from adjectives alone, which is why every new site starts from at least one reference.

Add up to 3 references to one prompt. With several, it blends what they share and follows the first where they disagree.

How to add a screenshot

Any of these works in the chat box:

Click Screenshot and pick an image file.
Paste an image straight from your clipboard.
Drag and drop it onto the composer.
Tall full-page captures are sliced automatically so the details survive.

It takes the look, not the content

The AI studies a reference the way a designer studies a moodboard. It never reuses the reference's text, logos or photos, and it doesn't rebuild a page section for section. Your site gets its own copy and structure, written for your business.

Screenshots aren't stored: they're read for the prompt they came with.

Responsive, not a static picture

Many image-to-code tools produce one absolutely positioned layout that breaks on a phone. FNJ designs real responsive layouts with flex and grid, and lays out every page at desktop (1440px), tablet (810px) and phone (390px) widths.

FNJ's AI website builder at a glance

Starts from: Your description plus up to 3 references: screenshots or links of sites you like
Designs: Every page at desktop (1440px), tablet (810px) and phone (390px) widths
Editing: Ask for changes in plain words, or edit any element by hand on the canvas
Export: A Next.js project, static HTML, or a push to your own GitHub repository
Hosting: Yours: Cloudflare Pages, Vercel, Netlify or any static host. No FNJ runtime in the code
Price: From $25/month, or $29 once for 50 credits that never expire
AI account: None needed: FNJ runs the AI for you, no API key or AI subscription

How it works

01
Show and tell
Add up to 3 screenshots or links of sites you'd like yours to look like, then say what the business is and which pages you need.
02
Watch it build
The AI builder plans the pages, palette and type, then builds each page on the canvas, section by section, while you watch.
03
Refine and ship
Ask for changes in plain words or edit by hand, then download the code or push it to your GitHub.

From a screenshot: questions

What kind of screenshot works best?: A clear capture of a real website at desktop width, ideally the full page. Design mockups and Dribbble shots work too. Avoid photos of screens taken with a phone camera.
How many screenshots can I add?: Up to 3 per prompt. They can be screenshots, links, or a mix.
Does FNJ keep my screenshots?: No. A screenshot is re-encoded and sent with that one prompt, then discarded. It isn't stored.
Can I use a screenshot of a competitor's site?: You can use any site as inspiration for the look, which is how designers work. The builder never copies its text, logos or images; the content of your site is your own.