Back to Home

Codekit 3 - a modern GUI builder for MacOS

The debate between lovers of CLI programs and adherents of the GUI originates with the advent of the very first OS with a graphical interface and continues to this day. I never had anything against good GUIs ...

Codekit 3 - a modern GUI builder for MacOS

The debate between lovers of CLI programs and adherents of the GUI originates with the advent of the very first OS with a graphical interface and continues to this day. I never had anything against good GUI applications and I enjoyed Codekit from the very first version. Now the end of 2016 is in the yard and a major update at number 3 has been

released . Codekit is an extensible front-end collector "on steroids" with a graphical interface and the ability to attach scripts to any event. The closest "console" counterparts are Grunt and Gulp. The GUI implies an incredibly simple configuration - most of the settings are set and changed using checkboxes or radio buttons. There’s a mastercard for everything else text input fields that fit the same parameters as in console programs.

Main functions


The basic functionality is not limited to the assembly of the project, it includes a large set of tasks of different levels of complexity.

  • Compiles any language: Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, JavaScript, ES6, Markdown, JSON.
  • Optimization of JPG, PNG, GIF and SVG images.
  • Reboot all browsers connected to the web server. From any devices inside the local network. Most JavaScrtipt events are also synchronized - there is no need to fill out a form on each device, when filling out on one, they will be filled out automatically at all.
  • Assembling scripts into a single file, linging with ESlint, transpiling with Babel.
  • Built-in full-featured Bower with a graphical interface.
  • One-click opportunity to create a project with the Zurb Foundation (versions 5 and 6), as well as with the Google Web Starter Kit.
  • Adding your own languages ​​and extensions with the ability to connect any bash or applescript script.

Screenshots of the program interface
Codekit 3.0.3

Codekit Review

Codekit and Babel

Codekit and Bower

Codekit and ESLint

Codekit and SVG Optimization with SVGO

More details about working with the program can be found in the overview video below.

Only registered users can participate in the survey. Please come in.

GUI or CLI to build?

Read Next