Code
The HTML Editor
Award-winning code editor for web professionals. Full-featured HTML, CSS, and JavaScript editing with live preview.
CoffeeCup Site Designer · Official Guide Master
Site Designer.
Everything you need to design, build, and publish professional websites without writing a single line of code.
18 sections 127+ articles 3 CSS frameworks
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.
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.
Get started Install, set up, and build your first project
6 articles The canvas Select, edit, and arrange elements on the live canvas
7 articles Control panes Content, Design, Effects, Outline, and CSS panes
6 articles App toolbar Templates, Resources, Pages, Preview, and Settings
9 articles Elements Every element: text, media, layout, and interactive
7 articles Components & Symbols Reusable blocks and globally synced Symbols
6 articles Classes & selectors Classes, selectors, and the CSS engine under the hood
8 articles Style controls Typography, color, spacing, borders, and shadows
9 articles Layout systems CSS Grid and Flexbox layout containers
7 articles Responsive Width slider, breakpoints, and mobile-first editing
8 articles Effects Transitions, keyframe animations, and hover effects
5 articles Pages & site Page Manager, SEO metadata, and Open Graph
7 articles Frameworks Foundation 6, Bootstrap 4, and Materialize reference
7 articles Publish & export S-Drive, FTP publishing, and HTML export
8 articles Tutorials Step-by-step projects to build real websites
7 articles Troubleshooting Common issues and how to resolve them fast
8 articles Reference Keyboard shortcuts and quick-reference tables
7 articles Releases Changelog and version history
5 articles Popular articles
The most visited pages in the guide — a good place to start.
CoffeeCup Suite
More CoffeeCup guides
Official documentation for every app in the CoffeeCup suite.
Websites & Code
Forms
Forms
Web Form Builder
Code-free form development. Build contact forms, surveys, collect payments, and capture signatures easily.
Forms
Form Designer
Frontend form design app giving 100% control over form styles. Craft beautiful, fully branded forms.
Email
Email
Responsive Email Designer
Build emails, newsletters, and sales notices that display beautifully across every email client.
Utilities
Utilities
Website Insight
Analytics and visitor tracking for your websites. Understand your audience and measure what matters.
Utilities
Sonar
Website link checker and SEO audit tool. Find broken links and improve your site health effortlessly.
Utilities
Direct FTP
Reliable, straightforward FTP client for uploading and managing files on your web server.
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
CoffeeCup on YouTube
Learn by watching
Short, focused video tutorials for every feature — straight from the CoffeeCup team.
Ready to build?
Download Site Designer and start your first project in minutes.