Welcome to Site Designer
Site Designer is CoffeeCup’s visual web design tool that lets you build real, responsive websites using CSS Grid, Flexbox, and major CSS frameworks — all without writing a single line of code. You drag elements onto a live browser canvas, style them visually, and publish with one click.
Who is Site Designer for?
Site Designer is built for a wide range of creators:
- Visual designers transitioning from graphic design tools who want pixel-level control without deep CSS knowledge.
- Front-end developers who want a faster way to prototype and build sites while staying close to clean, semantic code.
- Freelancers and agencies who deliver websites to clients and need a fast, reliable, repeatable workflow.
- First-time web builders who want a gentle on-ramp with real web standards underneath.
What you can build
- Marketing pages and landing pages
- Portfolio websites and creative showcases
- Business websites with multiple pages
- Responsive blogs and article layouts
- One-page sites and interactive prototypes
Key concepts
Understanding a few core ideas will make Site Designer click immediately:
The Canvas — A live browser preview where you design visually. What you see is exactly what gets rendered.
Elements — The building blocks: containers, text, images, buttons, forms, grids, and more. Drag them onto the canvas to compose your page.
Classes and selectors — Site Designer uses CSS classes to style elements. You assign a class, tweak its properties visually, and the styles apply everywhere that class is used.
Frameworks — Site Designer supports Foundation 6, Bootstrap 4, and Materialize as optional CSS frameworks. You can also go frameworkless for maximum control.
Publish — When you’re done, publish directly to CoffeeCup’s S-Drive hosting or export clean HTML/CSS/JS to any host you choose.
