DEV Community

loading...
Cover image for A free Tailwind CSS V2 personal template To get your portfolio up n' running.⁹

A free Tailwind CSS V2 personal template To get your portfolio up n' running.⁹

michaelandreuzza profile image michael-andreuzza Updated on ・1 min read

Hello everyone,

Today I finally finished the fourth template for Wicked Templates.

This time, I decided to go with a free version.

why?

Many of us want to have a portfolio and sometimes is not updated, now you have the chance to update yours, free and modern.

What's included?

The templates made with Tailwind CSS 2. The layout is made with Tailwind's grid and is made to look like floating cards, to fit most of it in one screen.

  • 100% responsive.
  • Dark mode support.
  • Tailwind V2
  • Purge CSS
  • Autoprefixer
  • CSS Nano
  • Post CSS
  • Navigation with AlpineJs
  • Slider with Swiper.

Includes 5 responsive pages supporting dark mode based on user preferences.

  • Landing
  • Blog
  • Blog Post
  • Work
  • Case Study

You can see it here:

» » https://wt004.netlify.app/

And download it here

» » https://www.wickedtemplates.com/free-templates

Here are some insights:

Landing Dark Mode
ldm
Work Dark mode
work
Blog
blog
csd

Hope you guys like it and use it.

Just feel free to do so.

Any questions reach me about on Twitter https://twitter.com/Mike_Andreuzza

Discussion (19)

pic
Editor guide
Collapse
wickieonya profile image
Cinch

Awesome design. Do you have a repo? Thanks

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Thanks.

Not a public one, but is FREE to download.

Collapse
fasani profile image
Michael Fasani

I think you should add a specific license. Free to download is vague imo.

Thread Thread
michaelandreuzza profile image
michael-andreuzza Author

is creative commons!

Collapse
wickieonya profile image
Cinch

I see. Thanks anyways

Collapse
moopet profile image
Ben Sinclair

I don't have an opinion on the design, but I would like to point out that several text nodes don't meet colour contrast accessibility standards. I'd suggest you increase the contrast where needed.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Which one exactly ?

The Dark cyan?

Collapse
moopet profile image
Ben Sinclair

The light grey on white is the bigger problem - dates and subtitles are too faint.
The accessibility console in Firefox flags them. It also flags a lot of semantic issues but since this is a template and people can write whatever HTML they want I'm assuming that's not a real problem.

Thread Thread
michaelandreuzza profile image
michael-andreuzza Author

>The light grey on white is the bigger problem - dates and subtitles are too faint.

I think so too, I could correct that easily.

>It also flags a lot of semantic issues

Sorry, I am not an English native speaker...

In general, the purpose of the template is for the next user is to use it as they want to with their own content, including colours, typography and of course layout.

Collapse
mikeecode profile image
Mikee Code

Nice layout! 👌🏽👌🏽👌🏽

Collapse
michaelandreuzza profile image
Collapse
alfredocu profile image
Alfredo Carreón Urbano

Excelente trabajo Michael, es notorio el trabajo que haz realizado.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Muchas gracias alfredo, muy amable!

Collapse
manitej profile image
Manitej ⚡

The load time is high. Maybe it's a netlify thing. Try to deploy on vercel.

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Thanks fpr the tip. Netl8fy is having issues. Won't deploy on vercel.

Collapse
danpete profile image
Dan Sack

I like it! Thanks for providing it for free. 😊

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Oh, thanks for that.

You are very welcome!

Collapse
ckissi profile image
Csaba Kissi

Very nice Mike! Constant improvement is the way to success!

Collapse
michaelandreuzza profile image
michael-andreuzza Author

Thank you csaba!!