Dribbble API

// Fetch art collection data
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
const response = await fetch(`https://developer.dribbble.com`, { headers });
const data = await response.json();
const items = Array.isArray(data) ? data : data.data || [data];
items.slice(0, 5).forEach(item => {
  console.log('Artwork:', item.title || item.name || item);
});

// Get design resources from Dribbble
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
const response = await fetch(`https://developer.dribbble.com`, { headers });
const data = await response.json();
console.log('Design resource:', data);
const container = document.getElementById('design-display');
container.innerHTML = `<pre>${JSON.stringify(data, null, 2)}</pre>`;

// Fetch random art for inspiration
const headers = { 'Authorization': 'Bearer YOUR_ACCESS_TOKEN' };
async function getInspiration() {
  const response = await fetch(`https://developer.dribbble.com`, { headers });
  return await response.json();
}
const artwork = await getInspiration();
console.log('Inspiration:', artwork);
document.getElementById('board').innerHTML =
  JSON.stringify(artwork, null, 2);