Tools for Less | Less.js

Editors and Editor Plugins

GUIs for Less

Edit the markdown source for "guis-for-less"

Tip: try out the different Less tools available for your platform to see which one meets your needs.

This page focuses on GUI compilers. For command line usage and tools see Command Line Usage.

Cross platform

Crunch 2!

The editor and compiler for awesome people.

Crunch 2 is a cross-platform (Windows, Mac, and Linux) editor with integrated compiling. If you work with large Less projects, you should definitely try it out, as you only need the free version for Less files. Available at: https://getcrunch.co/.

Crunch screenshot

Koala

Koala is a cross-platform GUI application for compiling less, sass and coffeescript.

Features: cross platform, compile error notification supports and compile options supports.

Get more info: http://koala-app.com/

koala screenshot

Prepros

Prepros is a tool to compile Less, Sass, Compass, Stylus, Jade and much more.

Get more info at https://prepros.io/

Prepros screenshot

Specific platforms

Windows

WinLess

WinLess started out as a clone of Less.app, it takes a more feature-complete approach and has several settings. It also supports starting with command line arguments.

Get more info: http://winless.org

WinLess screenshot

OS X

CodeKit

CodeKit is the successor to LESS.app, and supports Less among many other preprocessing languages, such as SASS, Jade, Markdown, and many more.

Get more info: http://incident57.com/codekit

CodeKit screenshot

LiveReload

CSS edits and image changes apply live. CoffeeScript, SASS, Less and others just work.

Get more info: http://livereload.com

LiveReload screenshot

Linux

Plessc

Plessc is a gui fronted made with PyQT.

Auto compile, log viewer, open the less file with the editor chosen, settings for compile the file. Get more info: https://github.com/Mte90/Plessc

Plessc screenshot


Online Less Compilers

Edit the markdown source for "online-less-compilers"

less2css.org Online Integrated Development Environment (IDE) that is hosted in a browser allowing users to edit and compile Less to CSS in real-time.
winless.org/online-less-compiler This Online Less Compiler can help you to learn Less. You can go through the examples below or try your own Less code.
lesstester.com Online compiler for Less CSS.
leafo.net/lessphp/editor lessphp live demo.
estFiddle Online Less compiler providing live demo for Less and est. Allowing users to switch among all versions of Less after 1.4.0 with optional est/Autoprefixer functionalities.
BeautifyTools Less Compiler Online Less compiler with optional formatting and minification at BeautifyTools
Less WebCompiler The most configurable Less web compiler on the internet, it allows to render the CSS output with your own Coding Standards!

Online Web IDEs/Playgrounds with Less support

CSSDeck Labs CSSDeck Labs is a place where you can quickly create some experiments (or testcases) that involves HTML, CSS, JS code.
CodePen CodePen is a playground for the front end side of the web.
Fiddle Salad An online playground with an instantly ready coding environment.
JS Bin JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code.
jsFiddle Online Web Editor