Home โ†’ News โ†’ Your own Dribbble portfolio completely free.

Your own Dribbble portfolio completely free.

medium bookmark / Raindrop.io | Benched

Get your own personal portfolio up-and-running in a matter of minutes.

  • Responsive portfolio template
  • Hosting
  • Custom domain support
  • All for free!

Getting started

  1. Download the portfolio template
  2. Open index.html in the template folder
  3. Edit line 14 and replace with your Dribbble username
var dribbbleUsername = 'USERNAME';

(Optional) Edit line 16 to change the number of shots displayed

var shotsOnPage = '50';

That’s it!

Setting up hosting

  1. Download and install Node.js
  2. Install Surge globally:
npm install --global surge

Navigate to your downloaded template directory & run surge:

cd /path/to/your/template

Follow the instructions and you’ll be good to go!

Make it your own

I’ve designed the default template to be elegant and minimal so the work becomes the focal point of your portfolio.

If you feel the need to add your own flare, just jump right into the style.css file and go to town!

Custom domain (optional)

To setup your custom domain, follow the instructions here on how to activate through Surge.


I built this side project in one afternoon on a Saturday, so if you notice any glaring issues I may have overlooked hit me up on Twitter and I’ll see what I can do. ๐Ÿ˜‰

Featured articles on Prototypr: