Help centerBack to app

Create your first project

Step by step: turn the page your AI gave you into a live Coedit link. Takes about two minutes.

Updated July 1, 20263 min read

A project is one page that Coedit hosts for you. This walkthrough takes you from a blank start to a live link you can share.

New to this? "HTML" is just the code your page is written in. Your AI tool hands it to you inside a chat (in a code block) or as a file that ends in .html. You do not need to read or understand it. You only need to copy it.

coeditapp.com
Welcome to Coedit
New project
Start from a sample
Card
Compact promo
One-pager
Proposal sheet
Report
Tall dashboard
Slide
Fixed aspect
Project name (optional)
Paste what your AI gave you here, drop a file, or pick a sample above…
Create share linkUpload file / folder / .zip
The New project box: paste your HTML, drop a file, or pick a sample, then name it.

Step by step

  1. 1Go to your Coedit dashboard and click the New project button (on a phone, tap the round + button in the corner).
  2. 2Bring your page in one of three ways: paste the HTML into the big box, drag a .html file onto it, or click a sample to start from a ready-made example.
  3. 3Type a name in the name field so you can find it later. You can leave it blank and Coedit will use the page's own title.
  4. 4Click Create share link. That is it: you land in the editor with your live link ready to copy.

Not sure what to paste? Click one of the samples (a card, a one-pager, a report, a slide). They are real pages you can open, edit, and share, so you can see the whole thing work in a minute.

Got a whole folder or a .zip with images and styles instead of a single file? Use Upload file / folder / .zip. See Import a folder or .zip.

Was this article helpful?
← All Getting started articles