DEV Community

Vivian Guillen
Vivian Guillen

Posted on • Edited on

10 Tailwind CSS portfolio templates, both free and paid

This post was originally posted on Red Pixel Themes.


Note: Some of these links are affiliate links, which means we get compensated in some way if you buy through them.

Free templates

Atom template

Atom

Demo | Get it here

Important bits

  • HTML/CSS template, includes homepage and blog post pages
  • Has code syntax highlighting

Description

Atom is a Portfolio HTML Template made with the latest technologies like TailwindCSS, Alpine.JS, among others, and based on a vibrant and creative design.

Gradientti template

Gradientti

Demo | Get it here

Important bits

  • One page design
  • HTML/CSS and Next.js versions are available
  • Uses Gulp for local development, including imagemin for automatically compressing images and posthtml for reusing partials

Marfil template

Marfil

Demo | Get it here

Important bits

  • One page design
  • HTML/CSS version only
  • Uses Gulp for local development, including imagemin for automatically compressing images and posthtml for reusing partials

Universal Résumé Template

Universal Résumé Template

Demo | Get it here

Important bits

  • One page design
  • Has a print version available (via the print modifier)

Description

This was inspired by, and parts adapted from, WebPraktikos' universal resume template, which tries harder to be supported across use cases so in case you need A4 sizing or anything else like that, I would check out his repo.

Paid templates

bostami

Bostami - Tailwind CSS Personal Portfolio Template

Demo | Price: $9 | Get it here

Important bits

  • HTML/CSS template
  • Includes Light and Dark Mode
  • Comes with working contact form and sticky navigation
  • Fully Responsive for all devices

Description

Bostami – Tailwind CSS Personal Portfolio Template can be used for many purposes. It’s a creative, minimal and clean design. It’s 100% responsive and Ultra Super Fast because it’s made with Latest Tailwind CSS.

bostamireact

Bostami - Tailwind CSS Personal Portfolio React Template

Demo | Price: $9 | Get it here

Important bits

  • Made with React
  • Comes with working contact form and sticky navigation
  • Includes Light and Dark Mode

Description

Bostami – Personal Portfolio Tailwind CSS React Template can be used for many purposes. It’s a creative, minimal and clean design. It’s 100% responsive and Ultra Super Fast because it’s made with Latest React + Tailwind CSS.

Portfolio website template

Portfolio website

Demo | Price: $13 | Get it here

Important bits

  • One page design
  • Meets WCAG accessibility guidelines
  • Retina ready

Description

Portfolio website is ideal for people looking to build a portfolio for any field. A visualizing stunning design and an extraordinary interface ensure the portfolio website to be a proven winner.

Reels template

Reels

Demo | Price: $13 | Get it here

Important bits

  • HTML/CSS template, includes homepage, gallery and contact pages
  • Retina ready
  • Meets WCAG accessibility guidelines

Description

Reels is a cutting edge, stylish website which can be best used to display a photography portfolio. With an aesthetic design and clean visuals reels will elevate your portfolio to the next level.

Crator Studio template

Crator Studio

Demo | Price: $29 | Get it here

Important bits

  • HTML/CSS template, includes 6 responsive pages
  • Dark and modern design
  • Includes netlify.toml file to easily deploy with Netlify

Description

Crator is a modern & dark Agency HTML theme built on top of the latest Tailwind CSS 3.0 framework. It includes all of the needed features to create a beautiful and incredibly fast and responsive creative agency & portfolio website.

Portfolio template

Portfolio

Demo | Price: $19 | Get it here

Important bits

  • HTML/CSS template, includes 4 pages
  • 2 Unique Template Variations (Agency & Personal portfolio)

Description

Portfolio Tailwind is a multi-purpose portfolio web template that comes with 2 unique variations for - Personal Portfolio and Agency portfolio site. This Tailwind CSS portfolio template is packaged with all essential UI components you might need to create almost all sorts of portfolio sites.

Top comments (0)