Integrate the Quote of the Day

The quote changes every day. You can show it on your own website for free with one of the three methods below. Each method links back to DesignAdage.

1. Image and link

Copy this code to show today's quote image with a link to its page. The image is replaced automatically every day.

<a href="https://designadage.com/250" title="Great. - Onur Cobanli">
  <img src="https://designadage.com/quote-of-the-day.png" alt="Great Design is the basis of great promotion. - Onur Cobanli" width="1080" height="1080" loading="lazy">
</a>

2. JavaScript

Place this code where the quote should appear. The script writes a linked image with a proper title and alternative text.

<div id="designadage-quote"></div>
<script async src="https://designadage.com/quote-of-the-day.js"></script>

3. JSON

Fetch the JSON file to use the quote text, the author and the link in your own design. It can be read from any website.

fetch('https://designadage.com/quote-of-the-day.json')
  .then(function (r) { return r.json(); })
  .then(function (q) { console.log(q.quote, q.author, q.url); });

The files are rebuilt every day. Please link to the image instead of copying it to your own server, and keep the link to DesignAdage.