Linux Mac Windows

BlueGriffon: A Multi-Platform WYSIWYG HTML Editor

Jeffry Thurana 23-06-2011

wysiwyg html editorThere are several reasons why people hardly use desktop web builders – there are only a few of them available, the good ones are too expensive, and the process of web building itself is not a walk in the park. That’s why it’s sad to hear the news that Apple has decided to discontinue the development of iWeb iWeb - Build A Quick, Easy & Beautiful Website [Mac only] Read More – the application which can help ordinary people build beautiful websites in a fun and easy way.


With iWeb out of the picture, finding a free and good web builder becomes even more difficult. But it is not dead, yet. There’s a new web editing application called BlueGriffon, a free multi-platform WYSIWYG HTML editor which is easy enough for beginners but also powerful enough for more advanced users.

Rise From The Fire

BlueGriffon is powered by Gecko, the rendering engine of Firefox. Just like Firefox, this web builder supports the use of extensions, so you can add more features according to your needs. It also supports the latest and greatest of web technologies like HTML5 and CSS3. The app is available for Windows, Mac and Linux.

wysiwyg html editor

As a WYSIWYG HTML editor, BlueGriffon allows users to easily add, remove, drag, drop, and arrange elements of the webpage. But the easiest way to start is to use the “New wizard” under the “File” menu.

free wysiwyg html editor


The wizard will guide users to set up their canvas, starting with choosing the document type, filling in data for the property, picking the colors, adding a background image, and deciding on the page layouts.

free wysiwyg html editor

But the real web building process will start after the wizard. To help you during the construction process, BlueGriffon provides you with all the tools that you need on the toolbar.

free wysiwyg html editor


For example, you can add an audio file to your page by clicking on the “Insert or edit audio file” icon, browse to locate the audio file, and click “OK“. Then the file will appear in the editing area.

wysiwyg web editor

The editing area itself consists of two different layers. The first one is the “WYSIWYG” area where you can arrange objects visually.

wysiwyg web editor


The second one is the “Source” area where you can manipulate the web by editing the HTML code. You can switch between these two by clicking one of the two tabs below the editing area.

04b source

Saving Your Work & Uploading It To The Web

There’s just too many elements involved in a web building process so it’s impossible to discuss all of them here. Please do your own exploration to familiarize yourself with the app.

The next step is publishing your creation. But before you can put the page online, you have to save the document that you are working on locally.


wysiwyg web editor

Choose the name that you want for the webpage and…

05b page title

Save it in the location that you want.

05c location

To publish the webpage so that it’s accessible by anybody from all over the world, you need to have a web hosting account and a domain name. Your web host will tell you the location of your account and you’ll need to upload the document there using a file transfer protocol (FTP) client.

03a get add on

There are many good FTP clients available, but why would you use an external client if you can add one to BlueGriffon? You can find the “FireFTP” extension on the “Add-ons” page on the BlueGriffon site.

03c download add on

After downloading the extension, you can install it by going to “Tools – Add-ons” menu, and…

03d add on menu

Click the “Install Add-on From File” sub menu under the “Extensions” section of the “Add-ons Manager“.

03e install extension

After restarting the application, you can find FireFTP available under the “Tools” menu.

03h installed FTP

After logging into your hosting account, you can transfer files from your local folder to a remote folder (and vice versa).

wysiwyg html editor

You can add other extensions to BlueGriffon using the same method. At present, there aren’t many extensions available, but I’m sure the choices will grow over time.

At version 1.0, the software is still far from challenging veteran commercial web builders like DreamWeaver. But as the only up to date free option available today, BlueGriffon has the potential to grow fast and catch up to the big boys.

Have you tried BlueGriffon? What do you think about the application? Do you think that we still need desktop web builders? Share your opinions using the comments below.

Related topics: HTML, Programming, Web Design, Web Development, WYSIWYG Editors.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

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

  1. Anonymous
    June 17, 2015 at 10:11 pm

    MORE: I'll give you the upshot to this ... a person like me has a time-critical workflow for which KompoZer fits as a production-ready vehicle. BlueGriffon will be a POSSIBLE substitute or 2nd step in the process ... - or I may skip BG and use something else. Maybe not WYSIWYG for the adept code handling. But more and more having multiple tools is a fact of life.

    CASE IN POINT, the Blue Griffon website is largely done in XHTML 1.0 Strict. All the features in BlueGriffon for this, and some that AREN'T IN BLUEGRIFFON are in KompoZer. So, in spite of what Glassman says - WHO EATS THE DOGFOOD?

  2. Anonymous
    June 17, 2015 at 9:30 pm

    Hi there. I'm the dutch uncle in the crowd. And you had better listen to what I am telling you.

    For the kind of use we need - KompoZer is the answer. It is complete with all the bells and whistles - totally free - stable up to the last beta.

    MOST IMPORTANTLY DOZENS of really savvy high end tech experts use it - and there are at least 5 or so really good FREE VIDEO TUTORIAL SOURCES (and dozens of videos) SOME covering everything succinctly in like 20 minutes. You do not need any better education than this, in beginner HTML and CSS.

    Though KompoZer not up to the latest HTML 5 / CSS3. DOES NOT MATTER - it produces quality sites and maintains them without issues and with plenty of suave'. IT IS NOT OBSOLETE, and fits very well into the flexible workflow.

    BLUEGRIFFON is NOT FREE. There are no competent NONE tutes or documentation. If you want to buy the manual - PDF - it's 7 EUROS ($10+) Fully equipped like KOMPOZER - it's 91 EUROS. And frankly there are MORE IMPORTANT THINGS TO DO WITH THAT KIND OF MONEY for most people who are reading this.

  3. DJA
    September 7, 2011 at 12:53 pm

    I'm a long-time use of Kompozer but that does seem to be dead-ended. I tried BG but kept getting blank screens when making content changes; the app seemed unstable. BG looks promising, but I'd rather have something old and stable vs. new and frustrating.

  4. Weindeb
    September 5, 2011 at 11:49 am

    I was really committed to Kompozer, finding it by and large user-friendly, etc., especially compared to the monster Adobe created when it bought out Dreameaver! Then I installed Mac Lion, which Kompozer, sadly, is not quite up to, although a number of its aspects do work with this newest Apple feline. I've now switched, or am trying to switch, to BlueGriffon, but, oh, how I wish there were some sort of user's guide. As a truly amateur builder of some websites, I am finding that Blue Griffon does seem to have possibilities, but frankly much of how you accomplish this or that eludes me, even including something as embarrassingly simple as changing font size.

  5. Merlefyshwick
    August 17, 2011 at 7:39 pm

    I'm just starting out, but if you go to 'Set CSS Styles' (the blue stealth bomber-shaped logo), you can change the font size there. Maybe this is not what you meant, but thought I'd mention it anyway!

  6. Scott.
    June 27, 2011 at 3:05 pm

    I've used Komposer on & off for years, so I decided to give this one a shot. So far, the only complaint I have is that I can't figure out how to change font sizes of lines of text. I see the 'zoom' function, but that's not what I mean - I'm looking to enlarge one line of text, for example. I checked their Google Groups pages, but found no answer.

    Other than that, so far it's pretty good.

    • Anonymous
      July 1, 2011 at 7:45 am

      Hi Scott,

      You mean like the one in word processor? I couldn't figure out how to do that either. The best trick that I could suggest is to make use the "H" tag, but that is not really the solution.

      Since we have the software author here, I took the liberty to ask him directly. Hopefully he has the answer (or can add the feature in the future release).

  7. OHLover
    June 26, 2011 at 4:03 pm

    I'm not all that experienced with web editors but I have used a few, including some on-line versions in the past. I recently took over maintenance on a website for the Otterhound Club of America site hosted by the AKC. the site has been up for a long time and was completely HAND CODED in HTML by the original author. It's pretty basic with no bells and whistles as one would expect.  It does the job nicely though.

    When I took over these maintenance duties, I went looking for a new editor. I had Kompozer but was not happy with it. Too clunky for me. I discovered BlueGriffon and have been very happy with it so far after minimal use.

    The next step for me is to attempt to build a site from scratch for one of my businesses. That should be an interesting and educational process. Hopefully, BlueGriffon will make it easier.

    • Tina
      June 30, 2011 at 2:59 pm

      Thanks a lot for sharing your experience! Please do let us know how you manage with BlueGriffon.

      • OHLover
        June 30, 2011 at 3:17 pm

        Hi Tina,
        The site building is on my "task list" but not a high priority atm.  I currently have three published sites up for my businesses but really only have ftp access to my main hosting site. The  other two are hosted by others. One is Jumla based and I can do some fairly extensive editing on-line but there are limits and no ftp.
        The other is a Microsoft OfficeLive site hosted by M$ and is pretty stock template based. Not much to do there but it works for my purposes and pulls traffic.

  8. Daniel Glazman
    June 25, 2011 at 5:26 pm

    Thanks for the kind words, really appreciated!
    Just one minor correction, BlueGriffon is not "at version 1.0". Version 1.1.1 was released the 10th of june and 1.2 is pending.

    Daniel Glazman, BlueGriffon's author

    • Tina
      June 30, 2011 at 2:58 pm

      Thanks for the correction, Daniel!

    • Anonymous
      July 1, 2011 at 7:48 am

      Hi Daniel,

      I've just checked the version installed in my machine and it's 1.1.1. Thanks for the correction. Looking forward for the update.

      BTW, one of our readers, Scott, asked about changing the font size on his comment below. Maybe you could provide better solution.

  9. ms-studio
    June 24, 2011 at 11:12 am

    CellTravis: it's true that within the dynamic CMS dominated web, a HTML editor is not that useful as it used to be. But still, I find it important for the FLOSS eco-system that such an editor exists and gets maintained.

    From my perspective, I see two perfect use cases for BlueGriffon:
    * Education: it's great to have a free editor to teach design students the basics of HTML/CSS, without tying them into proprietary software from the beginning.
    * Designing HTML newsletter templates, which mostly require the oldschool table-based approach.

    • Anonymous
      July 1, 2011 at 7:52 am

      Or to create a simple personal landing page like or where over complex environment would be overkill.

  10. Cell Travis
    June 24, 2011 at 7:48 am

    I used to use desktop web development software like Dreamweaver around 7-8 years ago. Since then, I've moved on to CMS-based systems like WordPress and Joomla simply because they are flexible and powerful. Personally, I don't see much use for a 'static' desktop web builder specially when you've got such feature-rich (and easy-to-use) online environments like Weebly, Blogger, tumblr and Yola. Any of these can help a beginner set up a basic website without the fuss with HTML or CSS.

  11. Alakazarm Megopian
    June 24, 2011 at 7:14 am

    Kompozer is hardly up-to-date. The last release is now almost a year and a half old, based on an old version of Gecko/Xulrunner, does not offer UI for HTML5 or CSS3, does not offer support for prefixed CSS properties other than -moz-*, etc.

  12. Richard
    June 24, 2011 at 5:00 am

    "But as the only up to date free option available today, BlueGriffon has the potential..."

    The only up to date FREE option??? What about Komposer?