7 ms·

Hugo Themes ranked by GitHub Stars

162 points by sydney6 5y ago

ccleve 5y ago
The big thing to notice here: all of the top themes are minimalist. Limited colors, simple layout, just nice spacing and typography. I've spent a lot of time looking for good, professional-looking minimalist themes and the pickings have been slim, regardless of platform. Too many theme designers load up their designs with unnecessary elements. Note to designers: less is more.
Mattyfaz 5y ago
This is actually my site, the feedback here is great and I will action a number of the things here! - Load more button did work but the web scraping script to grab all the data had failed after retrieving only ~10 sites. So there was no more to load, this is already fixed. - Will change references to "Github stars" etc. to just "Git" - Will add info about what Hugo actually is above the fold! - Will remove the stupid size increase on hover - Academic appears twice, this is actually because the Academic team appears to have 2 different repos and have submitted it to Hugo twice... annoying, but technically correct? Overall I don't love the design if I am being honest.
markdown 5y ago
If this is your website, I recommend adding something above the fold of the home page explaining what Hugo is.
- thnok 5y ago
  Also an "X" button to go back to the list.
  - FalconSensei 5y ago
    also 'esc' or 'back'
- pilaf 5y ago
  I have no idea what Hugo is and was frustrated by this too.
  - tmottabr 5y ago
    Hugo is a static site generator. I guess that if you are looking for themes for it, that is when this site would be relevant for you, then you would already know what it is.
cfjgvjh 5y ago
For some reason I'm unable to load more when I click on the button. Tried both FF and Edge.
- hanklazard 5y ago
  Same on safari mobile.
- edoceo 5y ago
  There is not more to load. It's not even a button, just text looking like a button. Can't we still use semantic HTML anymore?
  - lrem 5y ago
    You don't get HTML. Neither do I. A couple years back there was a well-received "semantic HTML" submission here. I was in the small minority wondering how come `<div class="button">` is better semantics than `<button>`.
    - baliex 5y ago
      This page is a pretty convincing argument for why <button> is the right element: https://www.buttoncheatsheet.com/ https://www.buttoncheatsheet.com/
      - iudqnolq 5y ago
        It's not quite right though. You need <button type=button if you don't want it to have submit semantics (including submitting the containing form if you happen to have it in one).
        pc86 5y ago
        And this thread right here is why we can't have truly semantic HTML, and why the thing most people tout as "semantic HTML" today... isn't.
a-nikolaev 5y ago
A pedantic comment. I think it should be saying "5000 GitHub stars" instead of "5000 Git stars". Similarly, "GitHub Link" instead of "Git Link". Git ≠ GitHub.
- Macha 5y ago
  Makes sense for the stars, but I don't think it matters so much for the link. People are generally happy to accept a link to a web based repository browser, github or otherwise, as a git/repo/whatever link. Especially when the clone URL is usually only 2 clicks away.
rapnie 5y ago
It is a pity that so many projects use Github metrics in some form or other, and thus help promote the dominance of this platform and the FOMO barrier to use some other forge.
- blowski 5y ago
  What would you use instead here?
  - rapnie 5y ago
    Mine was more a general observation. The GH stars metric is attractive to be used for ranking, because so many projects are on Github. But sites like this also work to keep it this way forever i.e. "I must be on GH for my theme to become popular". Maybe Hugo Themes [0] or Netlify might offer a usage metric on their site. Here are two Hugo themes whose code is on Codeberg (a Gitea forge dedicated to FOSS projects) that still have a presence on Github, probably due to FOMO: - https://codeberg.org/Lednerb/bilberry-hugo-theme https://codeberg.org/Lednerb/bilberry-hugo-theme - https://codeberg.org/cinux/hugo-theme-techdoc https://codeberg.org/cinux/hugo-theme-techdoc Didn't look on (self-hosted or primary) Gitlab, but can imagine there'd be a whole bunch of Hugo themes there too. [0] https://themes.gohugo.io/ https://themes.gohugo.io/
    - FalconSensei 5y ago
      Loved Bilberry. Unfortunately I'm not ready to say goodbye to a sidebar on desktop
metaphor 5y ago
The official https://themes.gohugo.io/ https://themes.gohugo.io/ appears to already sort using GitHub stars descending by default, isn't limited to just the first 10 themes, actually links to the repo, is a lot more informative at face value...and doesn't have a stupid Load More button that isn't actually a button.
rasikjain 5y ago
I was expecting to see 'Coder' theme in Top-10 and I am not disappointed.
lwn 5y ago
The academic-theme seems to have a duplicate entry at position 1 and 4 in the list. The academic-theme card at position 1 links to another theme: wowchery-hugo-theme, which has the correct/ corresponding github stars.
devops000 5y ago
Would be great to have a Gitbook-like theme for Hugo.
- chrisofspades 5y ago
  Have you looked at Docsy? https://www.docsy.dev/ https://www.docsy.dev/
SingAlong 5y ago
I would recommend adding Doks to the list - https://getdoks.org/ https://getdoks.org/ Doks is an opensource documentation and blog theme. Looks amazing. Hugo is fun and very extensible. I love that it is a single-file binary that I can download and use without bothering about dependencies. When I moved away from Jekyll, I built a Hugo theme for my blog as my first for-profit hobby project - https://define.run/lucid-theme/ https://define.run/lucid-theme/
shoulderfake 5y ago
These all look pretty ugly to me. Is nobody designing some nice ones for Hugo?
- ninefoxgambit 5y ago
  I make some nice open source and premium themes for Hugo at https://www.zerostatic.io https://www.zerostatic.io
reacharavindh 5y ago
I have used Hugo for an internal docs site for a few years until I saw a gem that is https://squidfunk.github.io/mkdocs-material/ https://squidfunk.github.io/mkdocs-material/ Now, even my personal website runs off of mkdocs + material. Such a pleasant software.
tmaly 5y ago
The hugo theme I use on my blog gets these warnings from Google. Things such as font is too small for mobile. Can anyone recommend a theme from this list that meets all the checkboxes for a blog and does not have any issues raised by Google?
ninefoxgambit 5y ago
https://www.jamstackthemes.dev https://www.jamstackthemes.dev has a similar list of Hugo themes but also has about 800 open source themes for all the other ssgs like Jekyll, Gatsby, Next etc
robbinespu 5y ago
Why there's is two theme named "academic" with same description and screenshot? Can anyone explain to me. I been wondering quite a while

162 points by sydney6 5y ago

The big thing to notice here: all of the top themes are minimalist. Limited colors, simple layout, just nice spacing and typography. I've spent a lot of time looking for good, professional-looking minimalist themes and the pickings have been slim, regardless of platform. Too many theme designers load up their designs with unnecessary elements. Note to designers: less is more.

Mattyfaz 5y ago

This is actually my site, the feedback here is great and I will action a number of the things here! - Load more button did work but the web scraping script to grab all the data had failed after retrieving only ~10 sites. So there was no more to load, this is already fixed. - Will change references to "Github stars" etc. to just "Git" - Will add info about what Hugo actually is above the fold! - Will remove the stupid size increase on hover - Academic appears twice, this is actually because the Academic team appears to have 2 different repos and have submitted it to Hugo twice... annoying, but technically correct? Overall I don't love the design if I am being honest.

markdown 5y ago

If this is your website, I recommend adding something above the fold of the home page explaining what Hugo is.

thnok 5y ago
Also an "X" button to go back to the list.
- FalconSensei 5y ago
  also 'esc' or 'back'
pilaf 5y ago
I have no idea what Hugo is and was frustrated by this too.
- tmottabr 5y ago
  Hugo is a static site generator. I guess that if you are looking for themes for it, that is when this site would be relevant for you, then you would already know what it is.

cfjgvjh 5y ago

For some reason I'm unable to load more when I click on the button. Tried both FF and Edge.

hanklazard 5y ago
Same on safari mobile.
edoceo 5y ago
There is not more to load. It's not even a button, just text looking like a button. Can't we still use semantic HTML anymore?
- lrem 5y ago
  You don't get HTML. Neither do I. A couple years back there was a well-received "semantic HTML" submission here. I was in the small minority wondering how come `<div class="button">` is better semantics than `<button>`.
  - baliex 5y ago
    This page is a pretty convincing argument for why <button> is the right element: https://www.buttoncheatsheet.com/ https://www.buttoncheatsheet.com/
    - iudqnolq 5y ago
      It's not quite right though. You need <button type=button if you don't want it to have submit semantics (including submitting the containing form if you happen to have it in one).
      - pc86 5y ago
        And this thread right here is why we can't have truly semantic HTML, and why the thing most people tout as "semantic HTML" today... isn't.

a-nikolaev 5y ago

A pedantic comment. I think it should be saying "5000 GitHub stars" instead of "5000 Git stars". Similarly, "GitHub Link" instead of "Git Link". Git ≠ GitHub.

Macha 5y ago
Makes sense for the stars, but I don't think it matters so much for the link. People are generally happy to accept a link to a web based repository browser, github or otherwise, as a git/repo/whatever link. Especially when the clone URL is usually only 2 clicks away.

rapnie 5y ago

It is a pity that so many projects use Github metrics in some form or other, and thus help promote the dominance of this platform and the FOMO barrier to use some other forge.

blowski 5y ago
What would you use instead here?
- rapnie 5y ago
  Mine was more a general observation. The GH stars metric is attractive to be used for ranking, because so many projects are on Github. But sites like this also work to keep it this way forever i.e. "I must be on GH for my theme to become popular". Maybe Hugo Themes [0] or Netlify might offer a usage metric on their site. Here are two Hugo themes whose code is on Codeberg (a Gitea forge dedicated to FOSS projects) that still have a presence on Github, probably due to FOMO: - https://codeberg.org/Lednerb/bilberry-hugo-theme https://codeberg.org/Lednerb/bilberry-hugo-theme - https://codeberg.org/cinux/hugo-theme-techdoc https://codeberg.org/cinux/hugo-theme-techdoc Didn't look on (self-hosted or primary) Gitlab, but can imagine there'd be a whole bunch of Hugo themes there too. [0] https://themes.gohugo.io/ https://themes.gohugo.io/
  - FalconSensei 5y ago
    Loved Bilberry. Unfortunately I'm not ready to say goodbye to a sidebar on desktop

metaphor 5y ago

The official https://themes.gohugo.io/ https://themes.gohugo.io/ appears to already sort using GitHub stars descending by default, isn't limited to just the first 10 themes, actually links to the repo, is a lot more informative at face value...and doesn't have a stupid Load More button that isn't actually a button.

rasikjain 5y ago

I was expecting to see 'Coder' theme in Top-10 and I am not disappointed.

lwn 5y ago

The academic-theme seems to have a duplicate entry at position 1 and 4 in the list. The academic-theme card at position 1 links to another theme: wowchery-hugo-theme, which has the correct/ corresponding github stars.

devops000 5y ago

Would be great to have a Gitbook-like theme for Hugo.

chrisofspades 5y ago
Have you looked at Docsy? https://www.docsy.dev/ https://www.docsy.dev/

SingAlong 5y ago

I would recommend adding Doks to the list - https://getdoks.org/ https://getdoks.org/ Doks is an opensource documentation and blog theme. Looks amazing. Hugo is fun and very extensible. I love that it is a single-file binary that I can download and use without bothering about dependencies. When I moved away from Jekyll, I built a Hugo theme for my blog as my first for-profit hobby project - https://define.run/lucid-theme/ https://define.run/lucid-theme/

shoulderfake 5y ago

These all look pretty ugly to me. Is nobody designing some nice ones for Hugo?

ninefoxgambit 5y ago
I make some nice open source and premium themes for Hugo at https://www.zerostatic.io https://www.zerostatic.io

reacharavindh 5y ago

I have used Hugo for an internal docs site for a few years until I saw a gem that is https://squidfunk.github.io/mkdocs-material/ https://squidfunk.github.io/mkdocs-material/ Now, even my personal website runs off of mkdocs + material. Such a pleasant software.

tmaly 5y ago

The hugo theme I use on my blog gets these warnings from Google. Things such as font is too small for mobile. Can anyone recommend a theme from this list that meets all the checkboxes for a blog and does not have any issues raised by Google?

ninefoxgambit 5y ago

https://www.jamstackthemes.dev https://www.jamstackthemes.dev has a similar list of Hugo themes but also has about 800 open source themes for all the other ssgs like Jekyll, Gatsby, Next etc

robbinespu 5y ago

Why there's is two theme named "academic" with same description and screenshot? Can anyone explain to me. I been wondering quite a while