CodeKit

About CodeKit

CodeKit is a native macOS application for web developers that compiles Sass, Less, Stylus, CSS, CoffeeScript, Pug, Slim, Haml, TypeScript, and JavaScript/ES6, with additional support for Markdown, JSON, SVG, PNG, GIF, and JPEG. It includes built-in tools such as Autoprefixer for vendor prefixes, Babel for JavaScript transpilation, and Dart Sass for Sass compilation, and it allows users to configure processing for custom file types without external plugins or config files.

The application provides a live preview system that automatically refreshes and syncs browsers across devices, including Mac, iOS, Android, Windows, and other devices with modern browsers, supporting connections over TLS without requiring certificates. It offers browser sync for cross-device testing, and injects CSS changes without a full page reload. For performance, CodeKit optimizes PNG, JPEG, SVG, GIF, and WebP images, bundles and minifies JavaScript, CSS, and HTML, removes unused CSS, applies cache busting, and generates source maps.

CodeKit includes an npm interface for installing and updating packages, and can scaffold projects using Tailwind, Bootstrap, or Zurb Foundation, as well as built-in CSS frameworks including Bourbon, Neat, Bitters, Susy, Nib, and Jeet. It supports one-click project builds using multiple processor cores for parallel processing, custom shell script and AppleScript automation steps, and ESLint-based JavaScript linting with support for custom configuration files and rules. It is offered as a free trial with a one-time license purchase (no subscription) and requires macOS 13.5 or later.

Key features

• Compiles Sass, Less, Stylus, CoffeeScript, Pug, Slim, Haml, TypeScript, and Markdown automatically
• Live browser refresh and sync across multiple devices without plugins or config files
• Optimizes and compresses PNG, JPEG, SVG, GIF, and WebP images
• Minifies and bundles JavaScript, CSS, and HTML with cache busting and source maps
• Built-in npm UI for installing and updating packages, plus one-click Tailwind, Bootstrap, and Foundation setup
• Built-in ESLint integration with customizable rules and support for team config files

Frequently asked questions