Site Designer Features

Responsive Web Development step by step.
Learn to create unique websites and digital experiences with these legendary features.

Try now for free


CSS Frameworks

Begin with a Bootstrap, Materialize, Foundation or Vanila CSS Framework.


Scared of a blank canvas? Get a quick start by choosing one of the professional templates.

Content Elements

Drag-n-drop elements like Containers, Images, Videos, Buttons, Icons and more onto the canvas.

Resources Library

Organize images, documents, and other assets within the Project Resource Library.

Text Editor

Type, paste, or edit text right on the canvas using a powerful text editor.

HTML Elements

Code connoisseurs can go wild by injecting HTML scripts using the HTML element.

Fully power of CSS

Padding, Margin, Floats, Display, Position, Overflow, Border (radius), Background (image), Width (min, max), Height (min, max), Scale, Translate, Rotate, Skew, Opacity, Box Shadow, Transitions to name a few.


Design for interaction with hover, active and pressed state controls. Create powerful 3D effects that will make the site content come alive.


Custom Breakpoints

Adapt the layout or tweak the design at any display width using custom breakpoints.

Magic Slider

Full range viewport slider — view and work on the design at any possible screen width.

Focus Viewer

Focus the viewer's attention on a specific area of the image with the focal point function.

Responsive Images

Use the HTML Picture element to serve mobile users optimized or smaller versions of an image. Bandwidth saver!

Mobile First or Desktop Down

Build site using mobile first or desktop down workflows with corresponding media queries.

Site Inspector

Integrated web inspector with spacing outliner, DOM tree and live CSS preview.



A very powerful way of controlling alignment, size and positioning of elements. Also, elements can be instructed to grow, shrink and wrap (or not) depending on the size of the viewport.

CSS Grid

Use CSS Grid for a modular design approach — each page section is done in a dedicated (grid) container. This makes it easy to move the sections around or reuse them in different pages. Includes Feature Queries to create fallback styles for older (unsupporting) browsers.

Container Management

Sublime Container management: span, offset, push and pull with simple drop downs. Containers can be constrained to certain widths or span full-width for appealing visual (background) effects.

Positioning Controls

Choose from standard positioning controls: Absolute, Static, or Fix content. You can also place elements outside of the flow with these comprehensive tools.


Unit Switcher

Change the method of measurement on the fly – EM, PX, %, VH, Auto, and more.

Boost Your SEO

Add meta data and other head (or footer) code for SEO or plugins. Also activate the Structured Data workflow to tag up your content for Google.

Publish & Share

Publish directly to the CoffeeCup servers and share the link for feedback and collaboration.

Export Clean Code

Export clean, semantic, HTML & CSS that can be uploaded to any server
(Includes any added plugins).



Free support and upgrades during one full year for customers from our savvy technical staff. Also gain access to our robust User Community Forums to swap ideas, share content, get feedback, even make a friend or two!


Enjoy one year of free upgrades with the purchase of your perpetual Site Designer license. This means after the one year, you can still keep on using the software as much as you want, another year of free upgrades will be available for $69 per year.

Get started now


Save time by skipping static design apps. Start the idea, the prototype and the final design in just one step.

Try now for free

Engage your audience using Emails and Forms.

Web Form Builder Icon

Web Form

Full-service online forms. Collect information. Take a survey. Build a mailing list. Interacting with site visitors has never been easier.