All Go Rust Python PHP JavaScript
Chrome Dev Summit to secure your spot in workshops, office hours and learning lounges!

How to install Prism

Prism is a lightweight, robust, and elegant syntax highlighting library.--pname-- is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. The core is only 1.5KB minified & gzipped, which can go up to 2KB with the currently available language definitions (CSS, Markup and JS). But many other highlighters are also small, so read on. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr29

How to install Animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.--pname-- is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints. --pname-- supports the prefers-reduced-motion media query so that users with motion sensitivity can opt-out of animations. On supported platforms (currently all the major browsers and OS, including mobile), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
css
cr28

How to install Uppy

Uppy is a sleek, modular JavaScript file uploader that integrates seamlessly with any application. It’s fast, easy to use and lets you worry about more important problems than building a file uploader.--pname-- is a sleek and modular file uploader. It fetches files from local disk, Google Drive, Instagram, remote urls, cameras etc, and then uploads them to the final destination. It’s fast, easy to use and lets you worry about more important problems than building a file uploader. --pname-- consists of a core module and various plugins for selecting, manipulating and uploading files. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr27

How to install FilePond

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.--pname-- is a JavaScript library that brings silky smooth drag n' drop file uploading. --pname-- is exposed as a module wrapped in a UMD. It can be added to a project using Node Package Manager, from a CDN or by adding the files manually. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr26

How to install amCharts

amCharts is a maker for widely used JavaScript-based interactive charts and maps programming libraries and tools.--pname-- was written in TypeScript, it can be used in any JavaScript-compatible environment - TypeScript applications, React or Angular2+ apps, and even plain old JavaScript. When used in a TypeScript application, amCharts 4 requires TypeScript 2.9 or later. Using any older version will result in error. Actual geographical data for the maps is contained in a separate package @amcharts/amcharts4-geodata. So, if you're building maps, you will need to import/add that package as well. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr25

How to install Babylon.js

Babylon.js is a real time 3D engine using a JavaScript library for displaying 3D graphics in a web browser via HTML5. The source code is available on GitHub and distributed under the Apache License 2.0.--pname-- is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. It was initially released in 2013 having been developed by two Microsoft employees, David Catuhe and David Rousset in their free time, helped by artist Michel Rousseau as a 3D games engine. In 2015, it was presented at the WebGL Conference in Paris. As of 2018, it has more than 190 contributors and following its promotion and application in games, including one by Ubisoft. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr24

How to install date-fns

Modern JavaScript date utility library.--pname-- provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js. --pname-- is like lodash for dates. It has 140+ functions for all occasions. --pname-- includes some optional features as submodules in the npm package. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr23

How to install clipboard.js

A modern approach to copy text to clipboard No Flash. No frameworks. --pname-- lets you easily copy text to the clipboard. At 3kb gzipped and no need for Flash, it’s a great lightweight way to allow your visitors to copy bits of text and code on your site. Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr22

How to install Moment.js

A JavaScript date library for parsing, validating, manipulating, and formatting dates.--pname-- was designed to work both in the browser and in Node.js. All code should work in both of these environments, and all unit tests are run in both of these environments. Currently, the following browsers are used for the ci system: Chrome on Windows XP, IE 8, 9, and 10 on Windows 7, IE 11 on Windows 10, latest Firefox on Linux, and latest Safari on OSX 10.8 and 10.11. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr21

How to install LitElement

LitElement is a simple base class for creating fast, lightweight web components that work in any web page with any framework.--pname-- uses lit-html to render into shadow DOM, and adds API to manage properties and attributes. Properties are observed by default, and elements update asynchronously when their properties change. That means we can use the OOP (Object-Oriented Programming) paradigm using JavaScript or even better: TypeScript. Installation You can download the latest version of --pname-- from the GitHub releases.
cr20

How to install Swiper.js

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.--pname-- is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps. --pname-- is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr19

How to install Pixi.js

Pixi js can create stunning digital content. This open-source, cross-platform 2D engine helps create games and interactive, animation-based websites.--pname-- is an extremely fast 2D sprite rendering engine. What does that mean? It means that it helps you to display, animate and manage interactive graphics so that it's easy for you to make games and applications using JavaScript and other HTML5 technologies. It has a sensible, uncluttered API and includes many useful features, like supporting texture atlases and providing a streamlined system for animating sprites (interactive images). It also gives you a complete scene graph so that you can create hierarchies of nested sprites (sprites inside sprites), as well as letting you attach mouse and touch events directly to sprites. Pixi’s API is actually a refinement of a well-worn and battle-tested API pioneered by Macromedia/Adobe Flash. Old-skool Flash developers will feel right at home. Other current sprite rendering frameworks use a similar API: CreateJS, Starling, Sparrow and Apple’s SpriteKit. The strength of Pixi’s API is that it’s general-purpose: it’s not a game engine. That’s good because it gives you total expressive freedom to make anything you like, and wrap your own custom game engine around it. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr18

How to install lit-html

lit-html is a simple, modern, safe, small and fast HTML templating library for JavaScript.--pname-- lets you write HTML templates in JavaScript, then efficiently render and re-render those templates together with data to create and update DOM. --pname-- is an HTML templating library made by the Polymer team. This library stands out for being simple, very small, extremely efficient in terms of speed and use of resources, and all this is because it is based on web standards. A very important point to note is that --pname-- doesn't define any component model and therefore can be used in any project with other frameworks or libraries. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr17

How to install CKEditor 5

Powerful rich text editor framework with a modular architecture, modern integrations and features like collaborative editing.--pname-- is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications. Its core code is written in JavaScript and it is developed by CKSource. CKEditor is available under open source and commercial licenses. --pname-- provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter like applications, all is possible within a single editing framework. In 2018, --pname-- first stable version was introduced. With its code rewritten from scratch, --pname-- has a custom data model and architecture. The editor implements Operational Transformation for the tree-structured model as well as many other mechanisms which were required to create a real-time collaborative UX. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN. You have the following options to get --pname--:
cr16

How to install UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.--pname-- is a lightweight and modular front-end framework for developing fast and powerful web interfaces. If super-clean, elegant, non-whitespace-shy designs are your thing, UIkit has you covered. --pname-- is a self-contained system, and you won’t be able to modify or extend it without putting in considerable effort. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN. You have the following options to get UIkit:
css
cr15

How to install Bulma

Bulma is a modern CSS framework based on Flexbox.--pname-- is a free, open source framework that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
css
cr14

How to install Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.--pname-- is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr13

How to install fullPage.js

A simple and easy to use library that creates fullscreen scrolling websites and adds landscape sliders inside the sections of the site.--pname-- is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support. --pname-- is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. It also provides touch support for mobile phones, tablets and touch screen computers. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr12

How to install D3.js

D3.js is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. --pname-- is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN. The released bundle supports anonymous AMD, CommonJS, and vanilla environments.
cr11

How to install Hammer.js

A JavaScript library for detecting touch gestures.--pname-- is a open-source library that can recognize gestures made by touch, mouse and pointerEvents. It doesn’t have any dependencies, and it’s small, only 7.34 kB minified + gzipped! Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr10

How to install Three.js

Three.js is a cross-browser JavaScript library and application programming interface (API) used to create and display animated 3D computer graphics in a web browser using WebGL.The aim of the project is to create an easy to use, lightweight, 3D library with a default WebGL renderer. The library also provides Canvas 2D, SVG and CSS3D renderers in the examples. --pname-- allows the creation of graphical processing unit (GPU)-accelerated 3D animations using the JavaScript language as part of a website without relying on proprietary browser plugins. This is possible due to the advent of WebGL. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr9

How to install Popper

Tooltip & Popover Positioning Engine. Given an element, such as a button, and a tooltip element describing it, --pname-- will automatically put the tooltip in the right place near the button. It will position any UI element that "pops out" from the flow of your document and floats near a target element. The most common example is a tooltip, but it also includes popovers, drop-downs, and more. All of these can be generically described as a "popper" element. --pname-- is used in popular libraries like Bootstrap, Foundation, Material UI, and more. It's likely you've already used popper elements on the web positioned by Popper at some point in the past few years. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr8

How to install Bootstrap

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components. Bootstrap is among the most starred projects on GitHub, with more than 142,000 stars Installation You can download the latest version of Bootstrap from the GitHub releases or use a Bootstrap CDN.
css
cr7

How to install Axios

Promise based HTTP client for the browser and node.js--pname-- is a client HTTP API based on the XMLHttpRequest interface provided by browsers. --pname-- depends on a native ES6 Promise implementation to be supported. If your environment doesn't support ES6 Promises, you can polyfill. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN. You can install Axios using:
cr6

How to install Lodash

Lodash is a JavaScript library which provides utility functions for common programming tasks using the functional programming paradigm.--pname-- is a JavaScript library that helps programmers write more concise and maintainable JavaScript. Installation You can download the latest version of --pname-- from the GitHub releases or use a --pname-- CDN.
cr5

How to install jQuery

As of May 2019, jQuery is used by 73% of the 10 million most popular websites.jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Installation You can download the latest version of jQuery from the GitHub releases or use a jQuery CDN. The following CDNs also host compressed and uncompressed versions of jQuery releases. Starting with jQuery 1.9 they may also host sourcemap files.
cr4

How to install Highlight.js

Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server.Highlight.js is a syntax highlighter written in JavaScript. It works in the browser as well as on the server. It works with pretty much any markup, doesn’t depend on any framework, and has automatic language detection. Installation
cr3

How to install Zepto.js

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API.Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting stuff done. Installation You can download the latest version of Zepto from the GitHub releases or use a Zepto CDN.
cr2

How to Install Chart.js

Chart.js can be included in several different waysSimple yet flexible JavaScript charting for designers & developers. Installation You can download the latest version of Chart.js from the GitHub releases or use a Chart.js CDN.
cr1