Lodash
Utility library with functions for working with arrays, objects, and more.
const _ = await npm('lodash')
Utilities
Load popular packages like lodash, axios, moment, and thousands more. No build steps, no bundling — just import and use.
Loading packages from CDN is simple. Just use the npm() function and await the result.
Here are some of the most popular packages you can use in LiveJS.
Utility library with functions for working with arrays, objects, and more.
const _ = await npm('lodash')
Utilities
Promise-based HTTP client. Perfect for API requests and data fetching.
const axios = await npm('axios')
HTTP
Parse, validate, manipulate, and display dates and times.
const moment = await npm('moment')
Dates
Simple yet flexible charting for designers & developers.
const Chart = await npm('chart.js')
Charts
Data validation library making data validation simple, powerful, and explicit.
const Joi = await npm('joi')
Validation
Work with colors in JavaScript. Parse, convert, and manipulate color values.
const Color = await npm('colorjs.io')
Colors
Generate RFC-compliant UUIDs. Perfect for generating unique identifiers.
const { v4 } = await npm('uuid')
ID Generation
Fast markdown parser and compiler. Convert markdown to HTML instantly.
const marked = await npm('marked')
Markdown
Copy these examples, paste them in the editor, and run them instantly.
const _ = await npm('lodash');
const numbers = [1, 2, 2, 3, 4, 4, 4, 5];
const unique = _.uniq(numbers);
console.log(unique);
// → [1, 2, 3, 4, 5]
const axios = await npm('axios');
const response = await axios.get(
'https://jsonplaceholder.typicode.com/posts/1'
);
console.log(response.data.title);
const moment = await npm('moment');
const today = moment();
const future = today.add(1, 'month');
console.log(future.format('MMMM D, YYYY'));
// → June 10, 2026
Not all packages work in the browser. Here's what you need to know.
Not sure what packages are available? Use these tools to discover.
The best package experiments start with clean HTML, reliable CSS, and JavaScript you already understand. These pages connect that workflow.
Understand async code, DOM work, objects, arrays, and APIs before pulling in extra libraries from npm.
Use semantic HTML so charting tools, forms, markdown renderers, and widgets have a solid interface to attach to.
Package-powered UI still needs layout, spacing, responsive design, and clear visual hierarchy.
Open the editor and try lodash, axios, charts, validation libraries, and utilities without a local setup.
Open the editor and start using any browser-compatible package from npm.
1000+ packages available · Zero configuration · Instant loading