rework - Plugin framework for CSS preprocessing in Node.js

  •        1

Please refer to css for AST documentation and to report parser/stringifier issues. Accepts a CSS string and returns a new Rework instance. The options are passed directly to css.parse.

https://github.com/reworkcss/rework

Dependencies:

css : ^2.0.0
convert-source-map : ^0.3.3

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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

  •    Javascript

Flexible and fast modular CSS preprocessor built on top of Rework

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.

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.


react-inline - Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e

  •    Javascript

Note: Thanks to the new possibilities of Babel v6+, there's also my babel-plugin-css-in-js project, which works exactly the same but doesn't require a separate CLI/API. If you're using Babel for code transpilation, just put babel-plugin-css-in-js in your build pipeline. Transform inline styles defined in JavaScript modules into static CSS code and class names so they become available to, e.g. the className prop of React elements.

whirl - pure css loading animations with minimal effort!

  •    CSS

A large rework of whirl is currently underway to add new whirls etc. From using the demo you can work out which classes you need to add to your elements in order to show the loading animation you want.

gulp-autoprefixer - Prefix CSS

  •    Javascript

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.

grunt-preprocess - Preprocess files based off environment configuration

  •    Javascript

The additional context on top of ENV that should be passed to templates. If NODE_ENV is not set, the task sets it to development by default.

jquery-css-transform

  •    Javascript

A monkey patch for jQuery 1.3.1+ that adds some cross browser support for 'transform' property to css() method.

node-trumpet - parse and transform streaming html using css selectors

  •    Javascript

Create a new trumpet stream. This stream is readable and writable. Pipe an html stream into tr and get back a transformed html stream.Parse errors are emitted by tr in an 'error' event.

color - :rainbow: Javascript color conversion and manipulation library

  •    Javascript

JavaScript library for immutable color conversion and manipulation with support for CSS color strings. Convert a color to a different space (hsl(), cmyk(), etc.).

polychrome - 🎨 Easy color manipulation in ~2kb (gzipped)

  •    TypeScript

colorString can be a hex (3 or 6 digit), rgb(a), or hsl(a) string. Returns a polychrome object.

isomorphic-flux-boilerplate - ES7 Isomorphic Flux/ReactJS Boilerplate

  •    Javascript

A wonderfull boilerplate for Flux/ReactJS universal applications, running on koajs. Koa will be our server for the server side rendering, we use alt for our Flux architecture and react-router for routing in our app.

nanoJS - Minimal standalone JS library for DOM manipulation

  •    Javascript

nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

styled-components-theme - Defines themes via flexible color selectors for use with styled-components

  •    Javascript

styled-components-theme generates selectors for colors in your styled-components theme that allows color manipulation, using the color library via calls on the selectors themselves. A selector, in this context, is defined as a function that looks like (props) => props.theme.myColor that the styled-components library accepts as a template variable.

css-modulesify - A browserify plugin to load CSS Modules

  •    Javascript

A browserify plugin to load CSS Modules. Please note that this is still highly experimental.

HTML-GL - Get as many FPS as you need and amazing effects by rendering HTML/CSS in WebGL

  •    Javascript

HTML GL solves "the slow DOM problem" by creating WebGL representations of DOM elements and hiding actual DOM after. This speeds up HTML/CSS animations and transformations by using 3D hardware acceleration and allows to apply OpenGL effects as modern 3D games have. Using HTML GL you still work with HTML/CSS as you are common to, but DOM elements are just facades to their WebGL representations. These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate.

kerning.js - Take control of your web typography.

  •    Javascript

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically. Kerning.js is a single script, small, and only depends on jQuery. Add it to your page, add some CSS rules, and your text will be beautified.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.