Embedding Dribbble Shots with Jribbble

Embed your Dribbble Shots with Jribbble

Dribbble is quickly rising as one of the most interesting networks for designers and developers to share their past and upcoming project samples. In this post, I’ll show you how to use the Jribbble jQuery plugin and the Dribble API to share your shots and embed Dribbble images on your website, blog or portfolio page.

Step 2) Next, set up the Jribbble script to display your personal Dribbble “shots” (shots are the images you upload to Dribbble). Here’s the standard set up for calling all of a certain users shots, using my own Dribbble username:

This script gets all of the specified users shots, then displays them in a list with the title of each shot and the image of each shot, linked directly to the original source on Dribbble’s website. Style the list elements to your liking, and you can display your own Dribbble shots however you’d like!