A series of beautiful web personal homepage templates
Tags: css, javascript, react, vue
Published: 2019-12-16 07:25:23

As a web developer, designer, or just a layman, do you sometimes need a beautiful personal homepage?
Or a beautiful and cool resume, or make a beautiful project homepage for a desktop app that you have carefully developed. Maybe sometimes you just want to make a page for your beloved girl to surprise her.

So let's get started! Designers, css developers, react technologists, maybe not all. There is often more than one way to reach your destination.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/m104xh37js9mxlsgwzl8.jpg)

Here are some good homepage templates for you. You don't have to do anything, just clone the code and modify a few lines of text. It's very simple. I think even a layman can do it.

---

# 1. github pages theme    

> This template uses a blue color similar to the sea color, which is suitable for science and technology projects

### DEMO is [here](https://nordicgiant2.github.io/gh-pages-theme-page/)

#### __Github URL__ [https://github.com/nordicgiant2/gh-pages-theme](https://github.com/nordicgiant2/gh-pages-theme)

![img](https://github.com/nordicgiant2/gh-pages-theme/blob/master/image/01.jpg?raw=true)

---

# 2. React Nice Resume     

> This template is a cool page with a flat layout design. Feels like a nice poster

### DEMO is [here](https://nordicgiant2.github.io/react-nice-resume-page/index.html)

#### __Github URL__ [https://github.com/nordicgiant2/react-nice-resume](https://github.com/nordicgiant2/react-nice-resume)

![img](https://github.com/nordicgiant2/react-nice-resume/blob/master/public/images/img.jpg?raw=true)

---

# 3. SN-Landing-Page    

> This is a very simple and straightforward template, and of course this is also its feature. Can be used as your personal homepage

### DEMO is [here](https://nordicgiant2.github.io/snlp-page/)

#### __Github URL__ [https://github.com/nordicgiant2/sn-landing-page](https://github.com/nordicgiant2/sn-landing-page)

![img](https://github.com/nordicgiant2/sn-landing-page/blob/master/image/01.jpg?raw=true)


---

# 4. Vue Nice HomePage     

> This template uses vuepress, which can be used to build a complete set of project home pages and development documents. Really great

### DEMO is [here](https://nordicgiant2.github.io/vue-nice-homepage-page/)

#### __Github URL__ [https://github.com/nordicgiant2/vue-nice-homepage](https://github.com/nordicgiant2/vue-nice-homepage)

![img](https://github.com/nordicgiant2/vue-nice-homepage/blob/master/images/01.jpg?raw=true)

---

# 5. Cool Landing Page 

> This is a very popular page template. The popular design style and the dark blue color scheme are very suitable for your project.

### DEMO is [here](https://nordicgiant2.github.io/cool-landing-page/index.html)

#### __Github URL__ [https://github.com/nordicgiant2/cool-landing](https://github.com/nordicgiant2/cool-landing)

![img](https://github.com/nordicgiant2/cool-landing/blob/master/image/01.jpg?raw=true)

![img](https://github.com/nordicgiant2/cool-landing/blob/master/image/02.jpg?raw=true)

---

# finally. A good library     

> Sometimes you just need it, it can make any website instantly glittering, it really only needs one line of code.

### DEMO is [here](https://stackblitz.com/edit/react-a6pm3w)

#### __Github URL__ [https://github.com/lindelof/particles-bg](https://github.com/lindelof/particles-bg)


![img](https://github.com/lindelof/particles-bg/blob/master/image/04.jpg?raw=true)


Finally, thank you very much for your patience after reading this article, I hope you can have a homepage you like