awesome-less
A curated list of awesome {Less}
AI summary
Less resource hub
A curated collection of resources and tools for working with the Less programming language
- stars
- 64
- forks
- 7
- watching
- 5
- awesome lists
- 3
- entries
- 152
What's in the list
152 links in 23 sections, with live GitHub stats.activeno commit in 2y
Getting Started
UI/Theme Frameworks and Components
- 1pxdeep
Brings designing by relative visual weight, or designing with color schemes, to Bootstrap
Ant Design
An enterprise-class UI design language and React-based implementation
Bootstrap a11y theme
Makes web accessibility easier for Bootstrap developers
- Bootstrap 3
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
- Bootswatch
Collection of free themes for Bootstrap
- Cardinal
Small "mobile first" CSS framework for front-end developers who build responsive web applications
CSSHórus
Library for development of responsive and mobile websites
- Flat UI Free
Theme and framework for Bootstrap
- JBST
Theme framework that can be used as a standalone website builder or to create WordPress themes
Less Rails
Less for Rails
Material Design for Bootstrap
Material 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 CSS
Set of styles to create a site with an interface similar to Windows 8
- Schema
Light, responsive, and lean frontend UI framework
- Semantic UI
UI component framework based around useful principles from natural language
- UIkit
Lightweight and modular front-end framework for developing web interfaces
- Wee
Lightweight front-end framework for logically building complex, responsive web projects
Libraries and Mixins / Grid
Bootstrap Grid Only
Bootstrap's responsive grid and responsive utility classes only, without any extras. Lightweight yet still powerful. Style to taste
Framework
Less 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 System
This framework will let you create your web applications in a flexible way that you've never experienced before
- Fluidable
Fluidable is a mobile first, responsive grid system. It is standalone, lightweight & built using Less
Grid System
Super-easy to use, markup-independent grid system
Less Zen Grid
Implementation of in Less
Order.Less
Baseline alignment, column grids and modular scales
Libraries and Mixins / Media Queries
CSS and Media Query Strategies
Using Less CSS to develop a media query driven solution for modern and legacy browsers
Media Queries Library
Really simple media queries in Less
Media Query to Type
A method for creating an IE specific stylesheet that allows the content of media queries to become accessible to Internet Explorer 8 and below
Libraries and Mixins / Color
- Brand Colors
1100+ collection of popular brand colors available in Sass, Less, Stylus and CSS
- More-Colors
Variables for easier color manipulation while you design in the browser
Open Color
Open color is a color scheme for UI design. Available in CSS, SCSS, Less, Stylus, Adobe library, Photoshop/Illustrator swatches and Sketch palette
Libraries and Mixins / Animation
Animate
A library of CSS3 keyframe animations authored using Less
Animate Less
Port of Dan Eden's to Less
Cube Less
3D (animated) cube using only CSS (Less), originally used by LeanCloud (aka. AVOS Cloud)
- Hover
Collection of CSS3 powered hover animated effects to be applied to links, buttons, logos, SVG, featured images and so on
Less Burguer
Port of to Less
Libraries and Mixins / Miscellaneous
- 3L
Mixins library
Bidi
Set of mixins for creating bi-directional styling
- Clearless
Collection of mixins
- Css3LessPlease
Conversion of css3please.com to Less mixins
- CssEffects
Collection of CSS style effects
- Cssowl
Mixin library
Dynamic Stylesheet
Set of useful mixins
Est
Mixin library
- Hexagon
Generate CSS hexagons with custom size and color
- Homeless
Helpful functions
- Less Elements
Set of basic mixins
Lesshat
Smart mixins library
- Lessley
A jasmine like testing suite written in pure Less
Lessmore
Mixins library. Cross-browser support for the CSS3 features and more
Normalize
Modularized famous using Less
- Oban
Collection of mixins
Preboot
Collection of mixins and variables for writing better CSS
Retina.js
JavaScript, SCSS, Sass, Less, and Stylus helpers for rendering high-resolution image variants
Shape
Collection of mixins for various shapes
TRRtoolbelt
Mixins and functions for common actions
Style Guides
Handshake Style Guide
This guide presents a collection of best-practices and coding conventions
WebMD Health Services Style Guide
This document outlines CSS/Less best practices at WebMD Health Services
Ports of Less / Java
JLessC
Less compiler written completely in Java
Less Engine
Runs Less in the Rhino JVM-based JavaScript interpreter
Less CSS Compiler for Java
Runs Less in the Rhino JVM-based JavaScript interprete
Less4j
Native Java implementation
Lesscss
Runs Less using Rhino, Nasshorn or node.js engine; 1.7.0 compliant
Lesscss Gradle Plugin
Gradle plugin based on Less
Ports of Less / .Net
- BundleTransformer.Less
Compiler written in .Net
- Less CSS for .Net
Compiler written in .Net
Ports of Less / PHP
Ports of Less / Python
Pyhton Compiler
Compiler written in Python
Ports of Less / Ruby
Ruby Compiler
Less in Ruby's V8 Engine
Ports of Less / Go
Go Compiler
Runs Less inside embedded Javascript engine
GUIs, Editors and Plugins
Atom Linter
Linter plugin in the Atom text editor
- CSS 2 Convert
Quick way to automatically convert CSS to Less, easy as copy and paste
CSS Less(ish)
Sublime 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
- Diamond
Dependency management built for Sass, Less, and CSS
- Eclipse Less Plugin
This plugin extends the Eclipse IDE by providing handy features to edit and compile Less stylesheets
Eclipse Transpiler Plugin
Eclipse plugin to automatically transpile your files (Less, SASS, CoffeeScript, etc.)
Emacs
Emacs mode with support for compile-on-save
Grunt Contrib
Compile Less files to CSS using Grunt
Grunt Lint
Lint your Less files using CSS Lint from Grunt
Gulp Less
Plugin for Gulp
Hayaky
Hayaku is a bundle of useful scripts aiming for rapid front-end web development
Hyra Helper
CakePHP plugin that converts your Less files to CSS using only PHP
- Koala
Koala is a cross-platform GUI application for compiling Less, sass and coffeescript
Less for Notepad++
Syntax Highlighting for Notepad++
Less Sublime
Syntax highlighting for Sublime Text
Lesshint
Tool to aid you in writing clean and consistent Less
- LiveReload
CSS edits and image changes apply live. CoffeeScript, SASS, Less and others just work
- SimpleLess
SimpleLess is a minimalistic Less compiler. Just drag, drop and compile
Sublime Less2CSS
Sublime Text 2 Plugin to compile Less files to css on save
SublimeOnSaveBuild
Trigger 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 Less
This vim bundle adds syntax highlighting, indenting and autocompletion
- Visual Studio Web Essentials
If 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
- 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
Online Less Compilers
- BeautifyTools Less Compiler
Online Less compiler with optional formatting and minification at
- 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
- ILess
Live demo of PHP compiler
- Leafo
live demo
- Less2CSS
Online Integrated Development Environment (IDE) that is hosted in a browser allowing users to edit and compile Less to CSS in real-time
- LessPHP
live demo
- Lesstester
Online compiler for Less CSS
- Precess
A real time preprocesser compiler
- Winless
This Online Less Compiler can help you to learn Less. You can go through the examples below or try your own Less code
Online Web IDEs/Playgrounds with Less support
- CodePen
CodePen is a playground for the front end side of the web
- CSSDeck Labs
CSSDeck Labs is a place where you can quickly create some experiments (or testcases) that involves HTML, CSS, JS code
- 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
Translations
Articles
Articles / Books
Videos
Experiments
Community
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-less.
More related projects
necolas/idiomatic-css6.7K
jaywcjlove/svgtofont617
priornix/antizer259
zhangyuang/ssr2.6K
chenz24/vue-blu1.6K
jeneser/douban2.3K
semantic-org/semantic-ui51.1K
elanyoung/vite-vue-js-starter-template158
suevalov/next-blog-firestore269
zedix/frontend-resources22
ksoichiro/gradle-web-resource-plugin22
dankilman/awe115
airyland/vux17.6K
ai/size-limit6.6K
miripiruni/frontdesk1.6K