DEV Community

Cover image for A series of beautiful web personal homepage templates
lindelof
lindelof

Posted on • Edited on

A series of beautiful web personal homepage templates

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

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

Github URL https://github.com/nordicgiant2/gh-pages-theme

img


2. React Nice Resume

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

DEMO is here

Github URL https://github.com/nordicgiant2/react-nice-resume

img


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

Github URL https://github.com/nordicgiant2/sn-landing-page

img


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

Github URL https://github.com/nordicgiant2/vue-nice-homepage

img


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

Github URL https://github.com/nordicgiant2/cool-landing

img

img


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

Github URL https://github.com/lindelof/particles-bg

img

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

Top comments (10)

Collapse
 
pariskoloveas profile image
pkoloveas

I think even a foreigner can do it.

What does this even mean?

Are you simply assuming that all proficient developers are Americans and as this particular subject is simple, maybe a "foreigner developer" might manage to do it?

I thought we were better than such short-sighted statements as a community.

Collapse
 
crispy1260 profile image
Christopher Payne

I hope they mean someone outside the web development community.

Collapse
 
pariskoloveas profile image
pkoloveas • Edited

In that case, surely "outsider" is a better word for it. 🤔

Collapse
 
lindelof profile image
lindelof

Oh, sorry, this is my typo.

Collapse
 
rricardocoder profile image
Ricardo el coder

Amazing, thanks. I will try out one of them

Collapse
 
marcellahaller profile image
marcellahaller

Hi, thanks for sharing these templates. However, I want to insist that using a template should not be frivolous!
I would like to refer to the resource gapsystudio.com/blog/how-to-design..., which perfectly explains all the characteristics that both the design of the home page and the page as a whole should.

Collapse
 
alexanderop profile image
Alexander Opalic

Thank you I think will try out the react one for my personal site

Collapse
 
abhishekcode profile image
Abhishek Singh

Great work.

Collapse
 
dongguangming profile image
dongguangming

cool

Collapse
 
sudonitin profile image
Nitin Sahu

I am looking for more portfolio templates, I'd be happy if someone points out some awesome portfolios