Coast is a small, open-source CMS, that makes static HTML-sites editable. Coast is perfect, if you don't need a full-blown CMS, but a simple edit and safe mode for your client.

Coast is a pretty new project, but the technology works smoothly and can be used in production already. Coast is created by a German developer and there are no translations to languages other than German right now.

Screenshot Coast-CMS

You will find a small documentation and some discussions on the website of Coast (a one-pager), but there is no GitHub account, and no real support. However, the software itself looks very modern and quite mature. The project has existed since at least 2014, so it has proved a bit of its continuity already.

Coast for Content Managers

Coast has a pretty nice mode for inline-editing. After login, there is a small edit-bar at the top of the page with just some buttons for save, cancel, and logout. Additionally, you will find special edit-bars for each editable area, depending on the content type.

Screenshot coast demo site

Coast provides the following features for content-editing:

  • Change, format, and edit text or text-blocks.
  • Upload and change pictures.
  • Change linked pictures.
  • Move content areas with drag and drop.
  • Duplicate or delete a page.
  • Add returning content elements (e.g. news blocks).

The last feature is really nice because it adds some kind of “dynamic” character to your website. But, keep in mind that Coast is not a full-blown CMS. It does not provide a classic dashboard or an admin-panel, where you can manage your existing sites or create completely new sites.

If you want to get an impression of the editing experience with Coast, just check out the video on the coast-website.

Coast for Developers

Coast is written in PHP and JavaScript. To install Coast, simply upload the files to your server, add your static HTML-pages to the root-folder, and change the password and username in the settings. Finally, visit the url and login.

To make an area editable, just add the attribute data="editable" to a div-tag, a paragraph, or a headline.

Some of the more advanced features for images are:

  • data="editable_image"
    Make an image editable
  • data="editable_image" data-option="fixed_width" data-width="600"
    Fixed width of the image-area and scale image to 600px.
  • data="editable_image" data-option="fixed_height" data-height="600"
    Fixed height of the image-area and scale image to 600px.
  • data="editable_image" data-type="thumb_and_big_image"
    Produce a thumbnail and link to the original image.

For an editable image-link, you can use this simple attribute:

<a href="beispiel.html" data="editable_image_link"><img src="img/01.jpg" data="editable_image"></a>

For a returning area you can use this attribute:

<div data="content_section_wrap" data-cs-src="news_section.html" data-cs-title="Newsmeldung hinzuf├╝gen" data-cs-pos="draggable">

Visit the Coast website for more snippets.

Coast for Non Coders

If you are able to read an HTML-structure, and if you know how to add a CSS class or attribute to an element, then you can use Coast without any sophisticated coding skills.


Coast is open source.

Recommendation: When to use it?

If you have a simple, static website and if you need a simple edit mode for your clients, then Coast is probably a good choice for your project.

So you like PHP and CMS for static HTML for simple websites? Then you might also like these CMS: Coast, Sitecake,

Fact Sheet

Best for Websites:
Standard-Features (Selection):
Special-Features (Selection):
  • ---
  • Webserver with PHP5 & GD library
  • Doctype HTML5 and UTF-8
  • Modern browser (Chrome, Safari, Firefox)
  • Open Source
  • MIT

Last reviewed: January 19, 2017

Leave a Reply

Your email address will not be published. Required fields are marked *