Skip to content


Folders and files

Last commit message
Last commit date

Latest commit



9 Commits

Repository files navigation

Json to Css

Converts JSON to Css

This module exists so that you can store inline styles in JSON files, in a structured way. It is utilised by vudash among others, to allow storage of CSS rules inside a configuration file in a better way than just bunging it in a string.

It can also make merging two sets of CSS easy - meaning that third-parties don't have to understand your existing CSS and how it cascades, in order to replace rules.

Build Status Standard - JavaScript Style Guide


This module has no external dependencies.


npm install json-to-css


  • Css
    • [string] of(json)
      • Returns a minified version of the css rules defined in json


const Css = require('json-to-css')
const json = require('./some-css.json')

const css = Css.of(json)


You can get a pretty good idea of what the generated CSS looks like by looking at the tests, but in a pinch it produces a somewhat minified css output. Something like:

const json = require('my-css.json')
// {
//  "h1": {
//    "font-size": "18vw",
//    "color": "#f00"
//  }
// }

const css = Css.of(json)
// h1{font-size:18vw;color:#f00;}