A vanilla JavaScript helper to parse JSON into CSS.

Usage no npm install needed!

<script type="module">
  import arrowhead from '';


Build Status npm GitHub release Size Gzip size Codacy Badge


A vanilla JavaScript helper to parse JSON into CSS. Formerly known as JOSH.

Why using Arrowhead?

Arrowhead is a great helper for any web-project which uses CSS. With Arrowhead you can include your CSS either as JSON or as a string right into your HTML or JavaScript without having an additional server-request for your CSS. The result is that you just have to keep track to fewer files and even the performance of your web-project benefits too.

Getting started


  • None

Installing via npm

npm install arrowhead

Installing without npm

  • Download the latest release of Arrowhead here. Paste Arrowhead into your script and you are done.

Using Arrowhead with JSON

  /* Copy Arrowhead in your JavaScript! */

    "#foo": {
      "position": "fixed",
      "top": 0,
      "left": 0,
      "background": "#ddd",
      "width": "100%",
      "height": "4rem"
    ".bar": {
      "color": "red",
      "background": "#808080"

Using Arrowhead with strings

  /* Copy Arrowhead in your JavaScript! */



I am using Semantic Versioning 2.0.0 for versioning. For the versions available, see the tags on this repository.


  • André Lichtenthäler (Bikossor) - Initial work


This project is licensed under the GPL-3.0 License. See the LICENSE file for more details.


Version 1.0.2 (19th February, 2018)

  • [Added] Error messages

Version 1.0.1 (17th February, 2018)

  • [Improved] Security patch (Changed == to === and innerHTML to textContent)

Version 1.0.0 (8th February, 2018)

  • [Added] Auto-appending to either head or body (Default: head)
  • [Added] Support for css-string
  • [Improved] Error checking

Version 0.1.0 (27th November, 2017)

  • First introduction of Arrowhead

Proof of Concept (23rd November, 2017)