awesome-less

Less resource hub

A curated collection of resources and tools for working with the Less programming language

sunglasses A curated list of awesome {Less}

GitHub

64 stars
5 watching
7 forks
last commit: about 4 years ago
Linked from 3 awesome lists

awesomeawesome-listcsslesslesscss

Awesome Less / Getting Started

Beginner's Guide
Getting Started with Less
Learn in 10 Minutes
Official Guide
Official Repository17,039almost 2 years ago

Awesome Less / UI/Theme Frameworks and Components

1pxdeepBrings designing by relative visual weight, or designing with color schemes, to Bootstrap
Ant Design92,851almost 2 years agoAn enterprise-class UI design language and React-based implementation
Bootstrap a11y theme32over 12 years agoMakes web accessibility easier for Bootstrap developers
Bootstrap 3Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
BootswatchCollection of free themes for Bootstrap
CardinalSmall "mobile first" CSS framework for front-end developers who build responsive web applications
CSSHórus70over 12 years agoLibrary for development of responsive and mobile websites
Flat UI FreeTheme and framework for Bootstrap
JBSTTheme framework that can be used as a standalone website builder or to create WordPress themes
Less Rails340over 4 years agoLess for Rails
Material Design for Bootstrap23over 5 years agoMaterial Design for Bootstrap is a Bootstrap V3 compatible theme; it is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application
Metro UI CSSSet of styles to create a site with an interface similar to Windows 8
SchemaLight, responsive, and lean frontend UI framework
Semantic UIUI component framework based around useful principles from natural language
UIkitLightweight and modular front-end framework for developing web interfaces
WeeLightweight front-end framework for logically building complex, responsive web projects

Awesome Less / Libraries and Mixins / Grid

Bootstrap Grid Only449about 9 years agoBootstrap's responsive grid and responsive utility classes only, without any extras. Lightweight yet still powerful. Style to taste
Framework698almost 10 years agoLess Framework is a CSS grid system for designing adaptive web sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid
Flexible Grid SystemThis framework will let you create your web applications in a flexible way that you've never experienced before
FluidableFluidable is a mobile first, responsive grid system. It is standalone, lightweight & built using Less
Grid System7almost 11 years agoSuper-easy to use, markup-independent grid system
Less Zen Grid5about 12 years agoImplementation of in Less
Order.Less21about 9 years agoBaseline alignment, column grids and modular scales

Awesome Less / Libraries and Mixins / Media Queries

CSS and Media Query Strategies17almost 14 years agoUsing Less CSS to develop a media query driven solution for modern and legacy browsers
Media Queries Library10over 10 years agoReally simple media queries in Less
Media Query to Type10over 12 years agoA method for creating an IE specific stylesheet that allows the content of media queries to become accessible to Internet Explorer 8 and below

Awesome Less / Libraries and Mixins / Color

Brand Colors1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS
More-ColorsVariables for easier color manipulation while you design in the browser
Open Color5,315almost 3 years agoOpen color is a color scheme for UI design. Available in CSS, SCSS, Less, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette

Awesome Less / Libraries and Mixins / Animation

Animate44about 9 years agoA library of CSS3 keyframe animations authored using Less
Animate Less532about 7 years agoPort of Dan Eden's to Less
Cube Less56almost 2 years ago3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud)
HoverCollection of CSS3 powered hover animated effects to be applied to links, buttons, logos, SVG, featured images and so on
Less Burguer6almost 11 years agoPort of to Less

Awesome Less / Libraries and Mixins / Miscellaneous

3LMixins library
Bidi13over 10 years agoSet of mixins for creating bi-directional styling
ClearlessCollection of mixins
Css3LessPleaseConversion of css3please.com to Less mixins
CssEffectsCollection of CSS style effects
CssowlMixin library
Dynamic Stylesheet97over 11 years agoSet of useful mixins
Est394over 3 years agoMixin library
HexagonGenerate CSS hexagons with custom size and color
HomelessHelpful functions
Less ElementsSet of basic mixins
Lesshat2,187over 4 years agoSmart mixins library
LessleyA jasmine like testing suite written in pure Less
Lessmore5over 9 years agoMixins library. Cross-browser support for the CSS3 features and more
Normalize13almost 8 years agoModularized famous using Less
ObanCollection of mixins
Preboot1,675over 10 years agoCollection of mixins and variables for writing better CSS
Retina.js4,420over 6 years agoJavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants
Shape36almost 13 years agoCollection of mixins for various shapes
TRRtoolbelt2over 12 years agoMixins and functions for common actions

Awesome Less / Style Guides

Handshake Style Guide9almost 10 years agoThis guide presents a collection of best-practices and coding conventions
WebMD Health Services Style Guide2over 12 years agoThis document outlines CSS/Less best practices at WebMD Health Services

Awesome Less / Ports of Less / Java

JLessC56over 2 years agoLess compiler written completely in Java
Less Engine220almost 6 years agoRuns Less in the Rhino JVM-based JavaScript interpreter
Less CSS Compiler for Java163almost 8 years agoRuns Less in the Rhino JVM-based JavaScript interprete
Less4j146almost 4 years agoNative Java implementation
Lesscss11about 11 years agoRuns Less using Rhino, Nasshorn or node.js engine; 1.7.0 compliant
Lesscss Gradle Plugin10over 8 years agoGradle plugin based on Less

Awesome Less / Ports of Less / .Net

BundleTransformer.LessCompiler written in .Net
Less CSS for .NetCompiler written in .Net

Awesome Less / Ports of Less / PHP

ILess47over 7 years agoPHP port written in Javascript
LessphpCompiler written in PHP
Less.phpPHP port

Awesome Less / Ports of Less / Python

Pyhton Compiler144about 3 years agoCompiler written in Python

Awesome Less / Ports of Less / Ruby

Ruby Compiler120over 9 years agoLess in Ruby's V8 Engine

Awesome Less / Ports of Less / Go

Go Compiler17about 9 years agoRuns Less inside embedded Javascript engine

Awesome Less / GUIs, Editors and Plugins

Atom Linter11over 4 years agoLinter plugin in the Atom text editor
CSS 2 ConvertQuick way to automatically convert CSS to Less, easy as copy and paste
CSS Less(ish)48over 11 years agoSublime Text 2 & 3 plugin that implements a stripped down version of the functionality in css preprocessors (such as Less)
Crunch 2!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
DiamondDependency management built for Sass, Less, and CSS
Eclipse Less PluginThis plugin extends the Eclipse IDE by providing handy features to edit and compile Less stylesheets
Eclipse Transpiler Plugin21over 9 years agoEclipse plugin to automatically transpile your files (Less, SASS, CoffeeScript, etc.)
Emacs100almost 2 years agoEmacs mode with support for compile-on-save
Grunt Contrib667almost 2 years agoCompile Less files to CSS using Grunt
Grunt Lint75over 5 years agoLint your Less files using CSS Lint from Grunt
Gulp Less559over 5 years agoPlugin for Gulp
Hayaky970about 7 years agoHayaku is a bundle of useful scripts aiming for rapid front-end web development
Hyra Helper27over 11 years agoCakePHP plugin that converts your Less files to CSS using only PHP
KoalaKoala is a cross-platform GUI application for compiling Less, sass and coffeescript
Less for Notepad++70over 3 years agoSyntax Highlighting for Notepad++
Less Sublime501over 3 years agoSyntax highlighting for Sublime Text
Lesshint116over 4 years agoTool to aid you in writing clean and consistent Less
LiveReloadCSS edits and image changes apply live. CoffeeScript, SASS, Less and others just work
SimpleLessSimpleLess is a minimalistic Less compiler. Just drag, drop and compile
Sublime Less2CSS202almost 7 years agoSublime Text 2 Plugin to compile Less files to css on save
SublimeOnSaveBuild234about 8 years agoTrigger a build the moment you save a file in Sublime Text 2. Works best with web projects that make use of Less, Compass and any other pre-processor or a makefile
Vim Less599over 10 years agoThis vim bundle adds syntax highlighting, indenting and autocompletion
Visual Studio Web EssentialsIf you ever write CSS, HTML, JavaScript, TypeScript, CoffeeScript or Less, then you will find many useful features that make your life as a developer easier
WinlessWinLess 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

Awesome Less / Online Less Compilers

BeautifyTools Less CompilerOnline Less compiler with optional formatting and minification at
EstFiddleOnline 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
ILessLive demo of PHP compiler
Leafolive demo
Less2CSSOnline Integrated Development Environment (IDE) that is hosted in a browser allowing users to edit and compile Less to CSS in real-time
LessPHPlive demo
LesstesterOnline compiler for Less CSS
PrecessA real time preprocesser compiler
WinlessThis Online Less Compiler can help you to learn Less. You can go through the examples below or try your own Less code

Awesome Less / Online Web IDEs/Playgrounds with Less support

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

Awesome Less / Translations

Chinese (中文)
Danish
German
Indonesian
Iranian
Japanese
Polish
Spanish
Vietnamese

Awesome Less / Articles

An Introduction To Less, And Comparison To Sass
Best Less Tutorials : A Comprehensive Guide to Less
Doing MORE with Less
How to Make a Loops in Less CSS
Lets use Less to Create Less CSS not just CSS
Revisiting Less

Awesome Less / Articles / Books

Instant Less CSS Preprocessor How-to
Less Web Development Essentials
Learning Less

Awesome Less / Videos

Learning Less
Less (CSS pre-processor) Tutorials
Less CSS Tutorials for Beginners
Less CSS - Tutorials for Beginners

Awesome Less / Experiments

3D Buttons
Border Radiuses Mixin
CSS3 Color Wheel
DEMO: Variables
Easy Buttons
Linear Gradient Mixin
Navbar
Responsive Grid
Sizable CSS-only Icons
Triangle / Arrow Mixin
More...

Awesome Less / Community

Contributing to Less17,039almost 2 years ago
Freenode
Medium
Quora
Stack Overflow
Twitter

Backlinks from these awesome lists:

More related projects: