Awesome Open Source
Awesome Open Source

A clean, beautiful, minimal and responsive portfolio template for Developers!

Web 1920 – 1

To view a live example, click here.

Just change src/yourdata.js to get your personal portfolio. Feel free to use it as-is or customize it as much as you want.

But if you want to contribute and make this much better for other developer have a look at Issues.

If you created something awesome and want to contribute then feel free to open an pull request.


  • Responsive
  • Modern Design
  • Clean Animations
  • Easy to use


✔️ Header ✔️ Work ✔️ About ✔️ Skills ✔️ Contact

How To Use

From your command line, clone and run react-portfolio-template:

# Clone this repository
$ git clone

# Go into the repository
$ cd react-portfolio-template

# Install dependencies
$ yarn

#Start's development server
$ gatsby develop

Personalize page content in /src/yourdata.js & modify it as per your need.

/* Change this file to get your Personal Porfolio */
 // Edit Values of these variables

headerTagline: [
    "Building digital",.... 


When you are done with the setup, you should host your website online. We highly recommend to read through the Deploying on Github Pages docs for React.

Deploying to Netlify

You could also host directly with Netlify by linking your own repository.

Deploy To Netlify

For more information, read hosting on Netlify.

Technologies Used

For the Future

If you have awesome ideas on your mind, please don't hesitate to open a pull request.


If you like this portfolio template don't forget give it a ⭐ and also share it with me here.

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
react (5,456
scss (714
gatsby (238
animations (164
portfolio (139
gatsbyjs (100
modern (60
portfolio-website (49
portfolio-site (16
react-template (16