84 best open source preprocessor projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 20 from 84 results

docpad - Empower your website frontends with layouts, meta-data, pre-processors (markdown, jade, coffeescript, etc

CoffeeScript

Hi! I'm DocPad, I streamline the web development process and help close the gap between experts and beginners. I've been used in production by big and small companies for over a year and a half now to create plenty of amazing and powerful web sites and applications quicker than ever before. What makes me different is instead of being a box to cram yourself into and hold you back, I'm a freeway to what you want to accomplish, just getting out of your way and allowing you to create stuff quicker than ever before without limits. Leave the redundant stuff up to me, so you can focus on the awesome stuff.Discover my features below, or skip ahead to the installation instructions to get started with a fully functional pre-made website in a few minutes from reading this.

docpad coffeescript static-site-generator preprocessor template-engine node contributions-discover document-management-system dms content-management-system cms generator static-file-server server web web-framework framework web-development development dev build-and-deployment builder build compiler compile parser parse renderer render templating templates language-agnostic website blog cli tool utility scaffold

postcss - Transforming styles with JS plugins

Javascript

PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.

postcss css parser ast framework rework preprocessor source-map transform manipulation transpiler

absurd - A JavaScript library with superpowers

Javascript

Javascript based preprocessor. No new language, no new syntax. Write everything in plain JavaScript.

css preprocessor

grunt-contrib-sass - Compile Sass to CSS.

Javascript

Run this task with the grunt sass command. Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.

gruntplugin scss sass css compile preprocessor style

elm-css - Typed CSS in Elm.

See the Css module documentation for an explanation of how this code works.

elm css sass less preprocessor

stylable - Stylable - CSS for components

TypeScript

Stylable enables you to write reusable, highly-performant components. Each component exposes a style API that maps its internal parts so you can reuse components across teams without sacrificing stylability. At build time, the preprocessor converts the Stylable CSS into a minimal, flat, static, valid vanilla CSS that works cross-browser.

css components style theme design-system preprocessor web-components

node-sass - :rainbow: Node.js bindings to libsass

Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.

node-sass libsass scss sass-files scss-files css preprocessor sass style

myth - A CSS preprocessor that acts like a polyfill for future versions of the spec.

Javascript

CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.

preprocessor pre-processor postprocessor post-processor rework css pure autoprefixer postcss sass less stylus style gradients variables media-queries calc prefixes

less.js - Less. The dynamic stylesheet language.

Javascript

The dynamic stylesheet language. http://lesscss.org. This is the JavaScript, official, stable version of Less.

compile-less css-nesting css-variable css gradients-css gradients-css3 less-compiler less-css less-mixins less less.js lesscss mixins nested-css parser preprocessor bootstrap-css bootstrap-less style styles stylesheet variables-in-css css-less

suit - Style tools for UI components

Style tools for component-based UI development. Each of these modules are made up of smaller modules, making it easy to customize your setup and build pipeline.

suit-css css preprocessor postcss css-packages browser css-components css-utilities suitcss style

stylus - Expressive, robust, feature-rich CSS language built for nodejs

Javascript

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style. You can also try all stylus features on stylus-lang.com, build something with stylus on codepen or integrate stylus with gulp using gulp-stylus or gulp-accord.

stylus css preprocessor parser style stylesheets jade language

posthtml - PostHTML is a tool to transform HTML/XML with JS plugins

Javascript

PostHTML is a tool for transforming HTML/XML with JS plugins. PostHTML itself is very small. It includes only a HTML parser, a HTML node tree API and a node tree stringifier. All HTML transformations are made by plugins. And these plugins are just small plain JS functions, which receive a HTML node tree, transform it, and return a modified tree.

posthtml parser html xml xml-parser html-parser postproccessor transform transformations manipulation preprocessor processor

gulp-ruby-sass - Compile Sass to CSS with Ruby Sass

Javascript

Requires Sass >=3.4.Use gulp-ruby-sass instead of gulp.src to compile Sass files.

gulpplugin scss sass css compile preprocessor style source-map source-maps sourcemap sourcemaps

grunt-contrib-compass - Compile Compass to CSS.

Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.

gruntplugin compass scss sass css compile preprocessor style

grunt-styleguide - Universal CSS styleguide generator for grunt

HTML

If you are looking for a replacement and are using kss or styledocco see below. Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow.

gruntplugin scss sass css less stylus preprocessor styleguide

stylis.js - light – weight css preprocessor

Javascript

By default vendor is enabled, however there is an option to disable vendor prefixing, either completely or dynamically. The following would disable prefixing.

css preprocessor

styl - Flexible and fast modular CSS preprocessor built on top of Rework

Javascript

Work-in-progress CSS preprocessor. Spiritual successor of Stylus. Built on top of Rework.Styl is basically an opinionated configuration of Rework. It does not aim for feature parity with Stylus.

css stylus preprocessor style