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?
- 3 responsive portfolio templates
- Custom domain support
- All for free!
- Download the source files
index.htmlin your preferred template folder
dribbbleUsernameand replace with your username
- (Optional) Edit
shotsOnPageto change the number of shots displayed
- That's it!
var dribbbleUsername = 'USERNAME';
var shotsOnPage = '50';
Setting up hosting
- Download and install Node.js
- Install Surge globally:
- Navigate to your downloaded template directory & run surge:
- Follow the instructions and you'll be good to go!
npm install --global surge
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. 😉