使用 Less 的框架

编辑“frameworks-using-less”的 Markdown 源代码

UI/主题框架和组件

Ant Design 企业级 UI 设计语言和基于 React 的实现。
Balloon.css 纯 CSS 制作的简单工具提示
Bootflat 基于 Bootstrap 的开源扁平 UI 工具包
BootPress 内置博客和扁平文件 CMS 的 PHP 框架
Bootstrap 用于在网络上开发响应式、移动优先项目的框架
Bootswatch Bootstrap 的免费主题集合
Cardinal 为构建响应式 Web 应用程序的前端开发人员设计的“移动优先”小型 CSS 框架
Flat UI Free Bootstrap 的主题和框架
Fomantic-UI Semantic-UI 的官方社区分支
Ink 用于快速开发 Web 界面的一组工具
Metro UI CSS 用于创建具有类似于 Windows 8 界面网站的一组样式
Petal Shakr 开发的现代轻量级 CSS UI 框架
Pre CSS 框架
prelude 轻量级、响应式且可扩展的前端框架
React Suite 🧱 一套 React 组件
Schema 轻量级、响应式且精简的前端 UI 框架
Semantic UI 基于自然语言中实用原则的 UI 组件框架
Strapless 用于 HTML 元素的 CSS 样板/框架,用于模式和颜色的混合库
UIkit 用于开发 Web 界面的轻量级模块化前端框架
ngBoilerplate AngularJS 项目的固执己见启动器
Wee 用于以逻辑方式构建复杂响应式 Web 项目的轻量级前端框架

网格系统

灵活的网格系统
adaptGrid
Fluidable
Golden Grid System
Less Zen Grid
Order.less
responsibly
Responsive Boilerplate
Semantic.gs

混合库

3L 混合库
animate CSS3 关键帧动画库
Clearless 混合集合
Css3LessPlease css3please.com 转换为 Less 混合
CssEffects CSS 样式效果集合
Cssowl Mixin 库
cube.less 仅使用 CSS 的动画 3D 立方体
est Mixin 库
六边形 生成具有自定义大小和颜色的 CSS 六边形
homeless Mixin 库
LESS 元素 一组 mixin
LESS Hat 混合库
lessley 一个使用纯 Less 编写的类似 jasmine 的测试套件
Lessmore Mixin 库。跨浏览器支持 CSS3 功能及更多内容
LESS-bidi 用于创建双向样式的一组 mixin
LESS-Mix 混合库
media-query-to-type 使用 Less 将媒体查询转换为媒体类型
More-Colors.less 在浏览器中设计时用于更轻松地进行颜色操作的变量
more-less 支持 Less 1.7 的 Mixin 库
More.less Mixin、动画、形状及更多内容
more-or-less for 循环和其他函数 + css3 mixin
normalize.less 使用 Less 模块化著名的 normalize.css
Oban 混合集合
Preboot 变量和 mixin 集合。Bootstrap 的前身
prelude-mixins 混合集合
Shape.LESS 用于各种形状的一组 mixin
tRRtoolbelt.less 用于常见操作的 Mixin 和函数
Tuesday.less CSS 动画 mixin 库
Less 样式库 变量和 LESS 命名空间 mixin 集合

编辑器和编辑器插件

编辑 "editors-and-plugins" 的 markdown 源

另请参阅:Less 的 GUI

编辑器和 IDE

Sublime Text 2 & 3

Eclipse

Komodo Edit/IDE

Visual Studio

Dreamweaver

Notepad++ 6.x

浏览器扩展


Less.js 插件

编辑“插件”的 markdown 源代码

可用的 Less 插件。在 GitHubNPM 注册表 中查找更多信息

后处理器/功能插件

Autoprefixer 添加供应商前缀
CSScomb 美化/格式化
clean-css 压缩/最小化
CSSWring 压缩/最小化
css-flip 生成从左到右 (LTR) 或从右到左 (RTL) 的 CSS
functions 在 Less 本身中编写自定义 Less 函数
group-css-media-queries 分组 CSS 媒体查询
inline-urls url() 转换为对 data-uri() 的调用
lesshint 对 Less 进行检查
lists 列表/数组操作(包括循环)
pleeease 使用 pleeease 进行后处理
rtl 从 ltr 反转为 rtl
variables-output 将顶级变量导出到 JSON 文件

预处理器

sass2less 导入并转换 Sass/SCSS 文件到 Less 代码中(包括变量、混合和更多内容)

导入插件

bower-resolve 从 Bower 包中导入
glob 在 Less 导入中支持通配符
npm-import 从 npm 包中导入
resolve-blocks 向上查找树以查找指定的组件

函数库

advanced-color-functions 查找更多对比色的函数
cubehelix 一个 cubehelix 函数
lists 列表/数组处理函数
urlencode URL 编码函数
util 一组实用程序函数

框架导入器

Bootstrap Bootstrap
Cardinal Cardinal
Flexbox Grid Flexbox Grid
灵活的网格系统 灵活的网格系统
Ionic Ionic
Lesshat Lesshat
Skeleton Skeleton

Less 的 GUI

编辑 "guis-for-less" 的 markdown 源代码

提示:试用适用于你的平台的不同 Less 工具,看看哪一个最符合你的需求。

此页面重点介绍 GUI 编译器。有关命令行用法和工具,请参阅 命令行用法

跨平台

Crunch 2!

专为优秀人士设计的编辑器和编译器。

Crunch 2 是一款跨平台(Windows、Mac 和 Linux)编辑器,具有集成的编译功能。如果你处理大型 Less 项目,你绝对应该试用一下,因为你只需要免费版本即可处理 Less 文件。可在此处获取:https://getcrunch.co/

Crunch screenshot

Koala

Koala 是一款跨平台 GUI 应用程序,用于编译 less、sass 和 coffeescript。

功能:跨平台、编译错误通知支持和编译选项支持。

获取更多信息:http://koala-app.com/

koala screenshot

Prepros

Prepros 是一款用于编译 Less、Sass、Compass、Stylus、Jade 等的工具。

https://prepros.io/ 获取更多信息

Prepros screenshot

特定平台

Windows

WinLess

WinLess 最初是 Less.app 的克隆,它采取了更完善的功能方法,并具有多项设置。它还支持使用命令行参数启动。

获取更多信息:http://winless.org

WinLess screenshot

OS X

CodeKit

CodeKit 是 LESS.app 的继任者,它支持 Less 以及许多其他预处理语言,例如 SASS、Jade、Markdown 等。

获取更多信息:http://incident57.com/codekit

CodeKit screenshot

LiveReload

CSS 编辑和图像更改实时应用。CoffeeScript、SASS、Less 等都能正常工作。

获取更多信息:http://livereload.com

LiveReload screenshot

Linux

Plessc

Plessc 是使用 PyQT 制作的 GUI 前端。

自动编译、日志查看器、使用所选编辑器打开 less 文件、编译文件设置。获取更多信息:https://github.com/Mte90/Plessc

Plessc screenshot


在线 Less 编译器

编辑“online-less-compilers”的 markdown 源
less2css.org 托管在浏览器中的在线集成开发环境 (IDE),允许用户实时编辑和编译 Less 到 CSS。
winless.org/online-less-compiler 此在线 Less 编译器可以帮助你学习 Less。你可以浏览以下示例或尝试自己的 Less 代码。
lesstester.com Less CSS 的在线编译器。
leafo.net/lessphp/editor lessphp 在线演示。
estFiddle 在线 Less 编译器,为 Less 和 est 提供在线演示。允许用户在 1.4.0 之后的 Less 所有版本之间切换,并提供可选的 est/Autoprefixer 功能。
BeautifyTools Less 编译器 BeautifyTools 上的在线 Less 编译器,提供可选的格式化和缩小功能
Less WebCompiler 互联网上配置性最强的 Less Web 编译器,它允许使用您自己的编码标准来渲染 CSS 输出!

支持 Less 的在线 Web IDE/Playground

CSSDeck Labs CSSDeck Labs 是一个可以快速创建一些涉及 HTML、CSS、JS 代码的实验(或测试用例)的地方。
CodePen CodePen 是一个 Web 前端游乐场。
Fiddle Salad 一个在线游乐场,提供即时可用的编码环境。
JS Bin JS Bin 是一个专门设计来帮助 JavaScript 和 CSS 人员测试代码片段的 Web 应用程序。
jsFiddle 在线 Web 编辑器

第三方编译器

编辑 "third-party-compilers" 的 markdown 源代码

Node.js 工具

其他技术

Wro4j Runner CLI 下载 wro4j-runner.jar 文件并运行以下命令

java -jar wro4j-runner-1.5.0-jar-with-dependencies.jar --preProcessors lessCss

更多详细信息请参见此处:Wro4j Runner CLI

CSS::LESSp

http://search.cpan.org/~drinchev/CSS-LESSp/

lessp.pl styles.less > styles.css

Windows Script Host

注意 - 官方 Less 节点在 Windows 上运行,因此我们不确定你为什么要使用它。

适用于 Windows 的 Less.js,用法如下

cscript //nologo lessc.wsf input.less [output.css] [-compress]

lessc input.less [output.css] [-compress]

dotless

适用于 Windows 的 dotless 可以这样运行

dotless.Compiler.exe [-switches] <inputfile> [outputfile]

另请参阅


Less.js 移植

编辑“ports”的 markdown 源

Java

.Net

PHP

Python

Ruby

Go

知道应该添加到此列表中的其他端口吗?请 告诉我们