This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 400,000 packages pre-installed, including
dummyjs with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
Speed up and crash test your front-end builds and HTML prototypes with a range of dynamic placeholder content that helps you test for all the edge cases with image and text sizes. Throw in easy repeatable & cloning of elements and you have the perfect companion for your battle tested builds.
Going through the front-end creation process requires the frequent need to test with dynamic images and text of various sizes to battle test the html + css styling. This can be a time consuming manual step, but also a crucial one to simulating user generated content, testing word wrapping, repeating of elements, etc. To battle test the front end for these edge cases not only quicker, but more thoroughly, the first version of DummyJs was realized to add a layer of automation to this process.
From here DummyJS has extended to double as a robust tool in JS first development environments, like React and Vue and also Node JS.
Latest documentation and examples can be found at:
Add the script tag to your HTML page:
or for JS use in React and JS apps:
npm install dummyjs --save-dev
const Dummy = require('dummyjs'); // es5 or node import Dummy from 'dummyjs'; // es6
Choose the amount of words:
Choose a random amount of words between 3 and 10:
DummyJs Images are rendered client side so NO one can to log your data. It's secure for your piece of mind to keep your unreleased product secret
<img data-dummy="400x300" />
Defaults to the size of the parent container
<img data-dummy />
<img data-dummy="400,100x100,400" />
<img data-dummy="400x300" data-text="person" />
<img data-dummy="400x300" data-color="#0000ff" data-text-color="#fff" />
Useful for quick Base styling or testing CMS outputted HTML. Tags like
forms and more are automatically outputted with suitable contents.
Output a kitchen sick of headings, tables, images & form elements
Dummy.html() // returns a string of html elements
Output a specific element:
Dummy.html('table') // returns a string of html elements
Or, multiple elements:
Dummy.html('h1,table,form,ul,p') // returns a string of html elements
<div data-repeat="3">Team Member</div>
Repeat a random amount of times between 3 and 10:
Duplicate elements into other areas of your webpage. Pass a CSS selector like
Issues and suggestions: https://github.com/paulcollett/dummyjs