Dummy.js is a simple drop-in script that makes it easy to fill your HTML with dummy text and images for development.
Latest documentation and examples can be found at:
Add the script tag to your HTML page:
<script src="https://dummyjs.com/dummy.js"></script>or, for short:
<script src="//dummyjs.com/js"></script><p data-dummy></p>Choose the amount of words:
<p data-dummy="150"></p>Render dummy markup for ol ul table:
<table data-dummy></table>Choose a random amount of words between 3 and 10:
<p data-dummy="3,10"></p><img data-dummy="400x300" />Defaults to the size of the parent container
<img data-dummy />Custom Text
<img data-dummy="400x300" data-text="person" />Custom Colors
<img data-dummy="400x300" data-color="#0000ff" data-text-color="#fff" /><div data-repeat="3">Team Member</div>Repeat a random amount of times between 3 and 10:
<p data-repeat="3,10"></p>Output all the common tags including headings, paragraphs, etc. Great for base styling.
<div data-dummy="sink"></div>Duplicate elements into other areas of your webpage. Pass a CSS selector like .myelement or .post h3
<div data-copy=".pagination"></div>Vanilla Javascript:
Dummy.text('30,30')
Dummy.src('300x400')jQuery:
jQuery('p').dummy('30')Vue.js: https://www.npmjs.com/package/vue-dummy
Other Frameworks / Module Builders: npm install dummyjs --save
var Dummy = require('dummyjs');