Awesome Lists

awesome-less

by LucasBassetti

awesome listpushed about 4 years ago

sunglasses 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
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/LucasBassetti/awesome-less/links.svg)](https://awesome.facts.dev/awesome/LucasBassetti/awesome-less)
HTML
<a href="https://awesome.facts.dev/awesome/LucasBassetti/awesome-less"><img src="https://awesome.facts.dev/shield/LucasBassetti/awesome-less/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/LucasBassetti/awesome-less/links.svg

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

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

Ports of Less / PHP

Ports of Less / Python

Ports of Less / Ruby

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

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.