50

SASS has Compass (a community maintained library of sass mixins/methods).

Does LESS have any supporting libraries that can compare to Compass? Listing anything would be helpful!

OldTroll
  • 773
  • 6
  • 22
tester
  • 22,441
  • 25
  • 88
  • 128
  • if we make one, we can't call it Less Framework. I started one called LessLib: https://github.com/dancrew32/lesslib If you happen to visit this page looking for answers, feel free to contribute! – tester May 10 '11 at 07:05

9 Answers9

28

Another great mini-library...

Bootstrap
by Mark Otto, Designer at Twitter

Bootstrap is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development.

Demo/Site: http://getbootstrap.com/

Mixins: https://github.com/twbs/bootstrap/tree/master/less/mixins

Github/Source: https://github.com/twbs/bootstrap

Andy
  • 4,783
  • 2
  • 26
  • 51
Chris Jacob
  • 11,878
  • 7
  • 47
  • 42
  • 1
    The color variables are a good idea, but they seem to be a little more implementation specific, rather than framework material. However, I really like the grid system and completeness of the gradient mix-ins found in this one. Thank you for contributing, Chris! – tester May 11 '11 at 14:58
  • just to keep this up to date, the new github source is https://github.com/markdotto/Preboot.less – tester Nov 04 '11 at 17:17
  • They seem to have moved once more, this time graduating to an official Twitter project. :) I've updated the answer. – Jo Liss Nov 12 '11 at 15:00
  • The site does not list all the mixins if you want to use the LESS source directly. However they're easily found in the source in a [`less/mixins.less`](https://github.com/twitter/bootstrap/blob/master/less/mixins.less) file. – Spoike Apr 03 '13 at 11:17
  • Actually it's *only* the mixins that compare to compass, no? And I wouldn't consider Bootstrap mini. – Andy Apr 23 '15 at 08:38
20

There are less elements, but it's hardly a collection. I agree it would be nice to have something like this.

Litek
  • 4,888
  • 1
  • 24
  • 28
  • thank you for contributing to this discussion! Every mini-library out there will help! I feel like a lot of people are searching for this stuff but not finding anything about it. – tester May 10 '11 at 15:04
9

Take a look at my compless repo. There I try to implement some features of Compass using less. Mixins are divided into categories in a way how it done in Compass' reference. Patches are welcome! :)

neoascetic
  • 2,476
  • 25
  • 34
6

Here are another couple of choices: lesshat and clearless

Also, this blog post compares 3 less libraries: less elements vs bootstrap vs lesshat.

From the post, it seems like both bootstrap and lesshat beat less elements,

however depending what you need you would choose between bootstrap and lesshat.

Bottom line, if you’re looking to completely redefine and systematize the way that you build websites, check out Bootstrap. However, if you’re just a LESS user looking for some mixins, I definitely recommend checking out LESS Hat.

PS:

If you're just look looking for some basic mixins, and for you - a whole library is overkill - then maybe this post from css-ticks is more for you.

Danield
  • 121,619
  • 37
  • 226
  • 255
2

I just launched {lessins}, it is a library of common mixins, similar to bootstrap.less or less elements, but with a focus exclusively on mixins (the others include some unecessary variables, that seem remnants of other projects.)

I have also organized the mixins into bundles. Check it out: https://github.com/jdmiller82/-lessins-

Jonathan Miller
  • 1,786
  • 1
  • 16
  • 26
1

Old question, but right now Lots of Love for Less (3L) is far more complete and generic than Preboot née Bootstrap!

Manuel Ebert
  • 8,429
  • 4
  • 40
  • 61
1

Try Preboot. It is a pretty cool LESS library from a member of Bootstrap team.

haotang
  • 5,520
  • 35
  • 46
0

This is an old question but let me share this recently made Bootstrap3-LESSHAT Boilerplate.

The Boilerplate has the LESS Hat Mixin Library (counterpart of Compass) set up as well as the Font Awesome Iconset.

AJ Naidas
  • 1,424
  • 7
  • 25
  • 47
0

There's a new library called more-or-less which is similar lesshat but a lot faster since it does not use inline-javascript.
Just like lesshat it allows to use endless layers for e.g box-shadow or background-image.
It basically has all of the lesshat mixins plus a few other helpful functions.

  • .for()
  • .find()
  • .in()
  • .join()
  • .repeat()

requires Less 1.7.0 or later