Benched Laptop

Make a portfolio with your dribbble shots for free

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

What do you get?

Getting started

  1. Download the source files
  2. Open index.html in your preferred template folder
  3. Edit dribbbleUsername and replace with your username
  4. var dribbbleUsername = 'USERNAME';
  5. (Optional) Edit shotsOnPage to change the number of shots displayed
  6. var shotsOnPage = '50';
  7. That's it!

Setting up hosting

  1. Download and install Node.js
  2. Install Surge globally:
  3. npm install --global surge
  4. Navigate to your downloaded template directory & run surge:
  5. cd /path/to/your/template
  6. Follow the instructions and you'll be good to go!

Make it your own

I've designed the default templates 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 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. 😉