10 Tailwind CSS portfolio templates, both free and paid
By Vivian
/February 03, 2022
# Free templates
# Atom
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
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
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
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 - 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.
# 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
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
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
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
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.
Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.
Check out a recent issue for a sample.