10 Tailwind CSS portfolio templates, both free and paid

# Free templates

# 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

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

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

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 - 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.