Build Design Systems With Penpot Components
Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.

medium bookmark / Raindrop.io |
Get your own personal portfolio up-and-running in a matter of minutes.
index.html
in the template folderline 14
and replace with your Dribbble usernamevar dribbbleUsername = 'USERNAME';
(Optional) Edit line 16
to change the number of shots displayed
var shotsOnPage = '50';
That’s it!
npm install --global surge
Navigate to your downloaded template directory & run surge:
cd /path/to/your/template
surge
Follow the instructions and you’ll be good to go!
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!
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. 😉
AI-driven updates, curated by humans and hand-edited for the Prototypr community