Site Designer Guide

Updated

Master Site Designer.

Everything you need to design, build, and publish professional websites without writing a single line of code.

Get started Read the intro
18 sections 137+ articles 4 framework options
Start here

New to Site Designer? Begin in three steps.

Go from a fresh install to your first published page. Follow the path in order — each step takes just a few minutes.

  1. 1 Set up Install Site Designer Download and activate the app on Windows or macOS.
  2. 2 Learn the workspace Take the 10-minute tour Get to know the canvas, panes, and toolbar fast.
  3. 3 Build & publish Ship your first project Follow the guided quickstart and go live in minutes.
Prefer to explore on your own? Watch tutorials Browse all topics Reference

Live canvas

Design on a real browser engine. What you see is exactly what gets published.

CSS frameworks

Foundation, Bootstrap, Materialize, or frameworkless — your choice.

Fully responsive

Drag the width slider. Enter breakpoint mode. Fix it once, fixed everywhere.

Publish anywhere

S-Drive, FTP, or export clean static HTML/CSS/JS to any host.

Browse all topics

Everything in the guide, organized by area. Pick any topic to dive in.

A hand-picked path through the guide — the six pages that get you productive fastest.

CoffeeCup Suite

More CoffeeCup guides

Official documentation for every app in the CoffeeCup suite.

All products
Websites & Code
Code

The HTML Editor

Award-winning code editor for web professionals. Full-featured HTML, CSS, and JavaScript editing with live preview.

Open guide Forum
Forms
Forms

Web Form Builder

Code-free form development. Build contact forms, surveys, collect payments, and capture signatures easily.

Open guide Forum
Forms

Form Designer

Frontend form design app giving 100% control over form styles. Craft beautiful, fully branded forms.

Open guide Forum
Email
Email

Responsive Email Designer

Build emails, newsletters, and sales notices that display beautifully across every email client.

Open guide Forum
Utilities
Utilities

Website Insight

Analytics and visitor tracking for your websites. Understand your audience and measure what matters.

Open guide Forum
Utilities

Sonar

Website link checker and SEO audit tool. Find broken links and improve your site health effortlessly.

Open guide Forum
Utilities

Direct FTP

Reliable, straightforward FTP client for uploading and managing files on your web server.

Open guide Forum

Template Store

Never start from
a blank canvas.

91 free, fully responsive templates — built in Site Designer, ready to open and make your own. Every layout, every breakpoint, editable down to the last pixel.

Browse the templates

Free with Site Designer · No attribution required

Component Library

Accelerate your workflow.
Drop in. Customize. Launch.

The CoffeeCup component library gives you hundreds of professionally designed UI blocks ready to place on your canvas — heroes, navbars, cards, testimonials, and more. Stop building from scratch; start from something great.

  • One click to place any block directly on your canvas
  • Fully editable — adjust colors, fonts, and layout freely
  • New designs added regularly by the CoffeeCup team
Browse the component library

Learn by watching

Short, focused tutorials from the CoffeeCup team. Every one of them has a page in this guide, so you can read along while you watch.

Browse all videos YouTube channel

Ready to build?

Download Site Designer and start your first project in minutes. This guide is here for every step after that.

Get Site Designer

Opens coffeecup.com