{"_id":"5730eb946b55e93400b32ab4","createdAt":"2016-05-09T19:57:08.690Z","hidden":false,"order":0,"sync_unique":"","version":"5730eb946b55e93400b32ab1","__v":3,"category":"5730eb946b55e93400b32ab2","parentDoc":null,"project":"5730eb946b55e93400b32aae","slug":"getting-started","api":{"results":{"codes":[]},"settings":"","url":"","auth":"required","params":[]},"isReference":false,"link_external":false,"excerpt":"This page will help you get started with JUICE. You'll be up and running in a jiffy!","githubsync":"","updates":[],"type":"basic","user":"5730eaf719c1e00e006d215f","body":"[![Code Climate](https://codeclimate.com/github/jibeinc/juice/badges/gpa.svg)](https://codeclimate.com/github/jibeinc/juice)\n[![Test Coverage](https://codeclimate.com/github/jibeinc/juice/badges/coverage.svg)](https://codeclimate.com/github/jibeinc/juice/coverage)\n[![Build Status](https://travis-ci.org/jibeinc/juice.svg?branch=master)](https://travis-ci.org/jibeinc/juice)\n![](https://badge-size.herokuapp.com/jibeinc/juice/master/dist/ui.js.svg)\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Installation\"\n}\n[/block]\n`npm i jibe-juice`\n\nor \n\n`bower i jibe-juice`\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Usage\"\n}\n[/block]\nYou can use node, webpack or anything with `require` syntax and do the following:\n\n`const UI = require('jibe-juice');`\n\nYou can then use any component like UI.Button, UI.TextInput, etc. Please check the docs for each individual component for usage examples.","link_url":"","title":"Getting Started with JUICE","childrenPages":[]}

Getting Started with JUICE

This page will help you get started with JUICE. You'll be up and running in a jiffy!

[![Code Climate](https://codeclimate.com/github/jibeinc/juice/badges/gpa.svg)](https://codeclimate.com/github/jibeinc/juice) [![Test Coverage](https://codeclimate.com/github/jibeinc/juice/badges/coverage.svg)](https://codeclimate.com/github/jibeinc/juice/coverage) [![Build Status](https://travis-ci.org/jibeinc/juice.svg?branch=master)](https://travis-ci.org/jibeinc/juice) ![](https://badge-size.herokuapp.com/jibeinc/juice/master/dist/ui.js.svg) [block:api-header] { "type": "basic", "title": "Installation" } [/block] `npm i jibe-juice` or `bower i jibe-juice` [block:api-header] { "type": "basic", "title": "Usage" } [/block] You can use node, webpack or anything with `require` syntax and do the following: `const UI = require('jibe-juice');` You can then use any component like UI.Button, UI.TextInput, etc. Please check the docs for each individual component for usage examples.