{ "provider_url": "https://bower.io", "authors": [], "provider_display": "bower.io", "related": [], "favicon_url": "https://bower.io/favicon.ico", "keywords": [], "app_links": [], "original_url": "http://bower.io/", "media": {}, "content": "<div>\n<p>Web sites are made of lots of things - frameworks, libraries, assets, and utilities. Bower manages all these things for you.</p>\n<p>Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue!</p>\n<p>Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. Bower doesn't concatenate or minify code or do anything else - it just installs the right versions of the packages you need and their dependencies.</p>\n<p>To <a href=\"https://bower.io/#getting-started\">get started</a>, Bower works by fetching and installing <a href=\"https://bower.io/search\">packages</a> from all over, taking care of hunting, finding, downloading, and saving the stuff you're looking for. Bower keeps track of these packages in a manifest file, . How you use <a href=\"https://bower.io/search\">packages</a> is up to you. Bower provides hooks to facilitate using packages in your <a href=\"https://bower.io/docs/tools\">tools and workflows</a>.</p>\n<p>Bower is optimized for the front-end. If multiple packages depend on a package - jQuery for example - Bower will download jQuery just once. This is known as a flat dependency graph and it helps reduce page load.</p>\n<h2>Install Bower</h2>\n<p>Bower is a command line utility. Install it with npm.</p>\n<p>Bower requires <a href=\"http://nodejs.org/\">node, npm</a> and <a href=\"http://git-scm.org\">git</a>.</p>\n<p>Latest release: <a href=\"https://bower.io/\"><img src=\"https://img.shields.io/npm/v/bower.svg?maxAge=2592000\"></a></p>\n<p>For troubleshooting installation on different platforms, read the <a href=\"https://github.com/bower/bower/wiki/Troubleshooting\">troubleshooting</a> wiki page.</p>\n<h2>Getting started</h2>\n<h3>Install packages</h3>\n<p>Install packages with <a href=\"https://bower.io/docs/api#install\"><code>bower install</code></a>. Bower installs packages to <code>bower_components/</code>.</p>\n<p>A package can be a GitHub shorthand, a Git endpoint, a URL, and more. Read more about <a href=\"https://bower.io/docs/api/#install\"><code>bower install</code></a>.</p>\n<p><figure><pre><code># installs the project dependencies listed in bower.json $ bower install # registered package $ bower install jquery # GitHub shorthand $ bower install desandro/masonry # Git endpoint $ bower install git://github.com/user/package.git # URL $ bower install http://example.com/script.js</code></pre>\n</figure></p>\n<h3>Search packages</h3>\n<p><a href=\"https://bower.io/search\">Search Bower packages</a> and find the registered package names for your favorite projects.</p>\n<h3>Save packages</h3>\n<p>Create a <code>bower.json</code> file for your package with .</p>\n<p>Then save new dependencies to your <code>bower.json</code> with <code>bower install PACKAGE --save</code></p>\n<h3>Use packages</h3>\n<p>How you use packages is up to you. We recommend you use Bower together with <a href=\"https://bower.io/docs/tools/\">Grunt, RequireJS, Yeoman, and lots of other tools</a> or build your own workflow with <a href=\"https://bower.io/docs/api/\">the API</a>. You can also use the installed packages directly, like this, in the case of <code>jquery</code>:</p>\n<p><a href=\"https://twitter.com/bower?ref_src=twsrc%5Etfw\">Tweets by bower</a> </p>\n</div>", "entities": [], "provider_name": "Bower", "type": "html", "description": "Web sites are made of lots of things - frameworks, libraries, assets, and utilities. Bower manages all these things for you. Keeping track of all these packages and making sure they are up to date (or set to the specific versions you need) is tricky. Bower to the rescue!", "embeds": [], "images": [ { "width": 1024, "url": "https://bower.io/img/bower-logo.png", "height": 900, "caption": null, "colors": [ { "color": [ 0, 0, 0 ], "weight": 0.339599609375 }, { "color": [ 227, 94, 69 ], "weight": 0.235595703125 }, { "color": [ 76, 55, 42 ], "weight": 0.23095703125 }, { "color": [ 247, 202, 68 ], "weight": 0.16259765625 }, { "color": [ 33, 174, 47 ], "weight": 0.03125 } ], "entropy": 1.63741255011, "size": 19261 }, { "width": 456, "url": "https://i.imgur.com/PMqdGyT.png", "height": 118, "caption": null, "colors": [ { "color": [ 0, 113, 188 ], "weight": 0.902587890625 }, { "color": [ 228, 239, 246 ], "weight": 0.097412109375 } ], "entropy": 0.5422516448770272, "size": 12031 }, { "width": 165, "url": "https://i.imgur.com/g5LeC9Q.png", "height": 61, "caption": null, "colors": [ { "color": [ 250, 249, 247 ], "weight": 0.9384765625 }, { "color": [ 63, 91, 126 ], "weight": 0.050537109375 }, { "color": [ 142, 157, 181 ], "weight": 0.00830078125 }, { "color": [ 250, 106, 42 ], "weight": 0.002685546875 } ], "entropy": 0.6277262325846965, "size": 1934 }, { "width": 306, "url": "https://i.imgur.com/eOWcxUr.png", "height": 86, "caption": null, "colors": [ { "color": [ 46, 50, 52 ], "weight": 0.7802734375 }, { "color": [ 0, 128, 246 ], "weight": 0.2197265625 } ], "entropy": 1.547562007219015, "size": 20749 }, { "width": 250, "url": "https://i.imgur.com/FatvhBy.png", "height": 76, "caption": null, "colors": [ { "color": [ 12, 25, 41 ], "weight": 0.91357421875 }, { "color": [ 242, 243, 244 ], "weight": 0.067138671875 }, { "color": [ 224, 78, 34 ], "weight": 0.010986328125 }, { "color": [ 141, 148, 160 ], "weight": 0.00830078125 } ], "entropy": 0.6135150813450502, "size": 2445 } ], "safe": true, "offset": null, "cache_age": 86400, "lead": null, "language": null, "url": "https://bower.io/", "title": "Bower", "favicon_colors": [ { "color": [ 76, 56, 44 ], "weight": 0.1298828125 }, { "color": [ 220, 92, 54 ], "weight": 0.0498046875 }, { "color": [ 237, 245, 249 ], "weight": 0.0341796875 }, { "color": [ 242, 198, 52 ], "weight": 0.03076171875 }, { "color": [ 48, 187, 46 ], "weight": 0.00537109375 } ], "published": null }