datamock.js

Add mock data to your mockups

Demo

<div class="demo">
  <p data-mock="lorem">Lorem ipsum here...</p>
  <form class="form">
    <p>
      <strong>Name</strong>
      <input type="textbox" data-mock="name">
    </p>
    <p>
      <strong>Email</strong>
      <input type="textbox" data-mock="email">
    </p>
  </form>
  <ul class="pagination">
    <li data-mock-clone="10" data-mock-clone-fixed="true">
      <a href="#" data-mock="id">1</a>
    </li>
  </ul>
  <ul class="users">
    <li data-mock-clone="10">
      <div>
        <span class="id" data-mock="id">1</span>
        <strong class="name" data-mock="name">John Doe</strong>
        <span class="email" data-mock="email">john@doe.me</span>
        <span class="status" data-mock-choices="Online,Busy,Away,Offline">Online</span>
        <a class="action" href="#" data-mock-choice="action">Follow</a>
        <a class="action" href="#" data-mock-choice="action">Unfollow</a>
      </div>
    </li>
  </ul>
</div>

Lorem ipsum here...

Name

Email

Fork me on GitHub