Advanced Web
Design for Everyone

Do you want to create totally stellar websites?
If yes, then consider the HTML Editor your new best friend.

Feel empowered with handy tag references, intuitive tools like code completion, website components that update instantly across all pages, live previews, and dozens of other extraordinary tools and features.

Try Now for Free

Here are a few things that you will love about the HTML Editor.

Tag Highlighting Screenshot

Quick find open/close tags

Tag Highlighting

We implemented end tag highlighting because we got so tired of hunting for that ending div tag </div>. This new feature works for the other tags too, so enjoy!

Template Downloader Screenshot

Fast start with a template

Template Downloader

We created bunches of free, 100% responsive templates. The new Template Installer imports these designs into the HTML Editor with just two clicks. Want to learn CSS Grid? Download a template and play with the code. This is how CoffeeCup makes web development fun!

Start Screen Screenshot

Jump into your project

New Start Screen

The new welcome screen will give your web development a fast take off. Need to make a quick static page? Then click New HTML Page. Do you want to begin with a snazzy responsive Template, start a complex web project, or simply fiddle with some PHP? The web fun all starts right from this new Start Screen.

Open From Web Screenshot

SPEEDY

Get started in seconds

Getting to work on your website is lightning quick thanks to a wide range of start options. Create new HTML or CSS files from scratch, or get a jumpstart on a pro design with an existing theme or ready to use layout.

Already have a site in progress? Open its files from your computer, or open them straight from your web server. With the Open From Web option, you can take any website as a starting point, and it doesn’t have to be yours.

Create New Website Project Screenshot

PERFECTLY ARRANGED

Stay organized

A logical structure keeps things running smoothly and eliminates pesky issues like broken links and images. With that in mind, we designed Website Projects, a comprehensive workflow that gives you complete control over how your website is organized.

The Components Library
- a gigantic timesaver.

Every website has elements like a menu, footer, or header that are reused across pages. With the Components Library you can save these types of elements in one place and then embed them into any page you want. Now instead of updating each instance of the element manually, just edit the library item and it will automatically update everywhere.

Code with Confidence Screenshot

CLEAN CODE

Code with confidence

A comprehensive Tag Reference section puts the correct tags right at your fingertips. Code Completion automatically suggests tags as you type them and smartly suggests selectors from your referenced CSS files. A built-in Validation Tool allows you to check code of all types for perfectly valid pages.

Using these tools helps to produce valid code making your pages display consistently, and be more accessible to disabled users and search engines. Every single time.

Visual Code Selector Screenshot

LIVE PREVIEW

Visual code selector + Live preview

Utilize the split-screen preview to see your webpage displayed right below your code. Or use the external preview to display your page in another window or a second monitor. Want to experiment with some code? The live preview shows you exactly what your design will look like as you work.

Made for authentic
code enthusiasts.

Perfectionists, masters of organization, and SEO aficionados, this app is built for you. Coding your own sites may be one of the most rewarding things you can do. With the HTML Editor you will be up for that task.

Try Now for Free
Structure Data Screenshot

MEANINGFUL MARKUP

Ready for the semantic web

Adding structured, or semantic, data to label content should be a top priority for any site. Search engines are increasingly relying on this approach to better understand what the content is about, which in turn allows them to improve the overall search experience.

Pages that properly use structured data (especially the schema.org vocabulary) are therefore favored above others and are likely to obtain a better search rank. Get started with the HTML Editor and add meaningful data about your website with ease.

Publish Anywhere Screenshot

GO LIVE

Publish anywhere

The built-in FTP uploader painlessly publishes the website to the place of your choice. Pick any web host (or use your own server), add the corresponding FTP settings and go live with a single click. Easily switch between addresses; For example, from a work-in-progress to a live production site.

Or go ftp-free by syncing with the CoffeeCup hosting platform. Get a custom domain name or use your own. Connecting is easy, simply use your CoffeeCup credentials (email and password). It's not required that you use it, but you will have our eternal love if you do. ❤

Customizable
Responsive Templates

With our HTML Editor, it is really easy to get a nice website working in a short amount of time.
But it can be even faster if you use one of our templates.

Tons of Responsive Templates
Tons of Responsive Templates

 

Build sites
in rapid speed

You need a website that looks amazing and actually works. Bottom line, that's what Site Designer helps you do. See a short demonstration below showcasing Site Designer's power.

Site Designer Icon

Site Designer

For people who code, and those who don't.

Site Designer's code-free controls allow you to experiment with high-level features without needing to know how the markup is written. Your creativity can run wild! Build utilizing a drag-n-drop workflow in a live browser environment. Then style your content in super speed using clickable controls.

Try Now for Free