Malcom — Tailwind CSS Personal Portfolio Template (HTML)

About This Item

Designers and developers who want their work to lead get a clear starting point in Malcom, a Tailwind CSS personal portfolio template written for Tailwind CSS 4. The layout is minimal, so project work stays in front of the visitor instead of competing with decoration.

Tailwind CSS Personal Portfolio Template With Ten Pages

This Tailwind CSS personal portfolio template ships 10 pages and 3 home layouts, so you can compare hero styles before you commit. Each layout arranges the personal showcase differently, and the rest of the site stays the same whichever one you pick.

It suits UI/UX designers, front-end developers, creative freelancers, digital product designers and anyone building a personal brand.

Which Portfolio Pages Matter Most

A visitor usually checks three things: who you are, what you have built and what working with you costs. Malcom gives each of those its own page.

• Portfolio: the project and case study showcase. Hiring managers and clients open it first, so it carries the most weight.
• Profile: your biography, skills and background. It answers who is behind the work, which matters when a client is choosing between people.
• Pricing: freelance service packages in plain plans, so a client knows the cost before writing to you.

The three Home pages sit in front of these, so pick the one whose hero introduces your strongest project most clearly.

Blog and Contact Pages for a Personal Brand

A Blog page lists design insights and professional articles, and Single Blog shows one full article. Writing there also gives a freelancer something to share between projects.

The Contact page holds a contact form and your connection details, so a client who likes the portfolio can reach you right away.

• Home v1, v2 and v3
• Profile and Portfolio
• Pricing
• Blog and Single Blog
• Contact

Editing the Template With Tailwind CSS 4

Each hover and focus state is a class on the element itself, so you can see how a button or link behaves right where it sits on the page. The theme file defines the palette, typefaces and spacing a single time, so editing a value there updates the Portfolio, Pricing and Blog pages together.

The build keeps just the classes that appear in the markup, so the stylesheet carries no leftover rules.

The download holds finished pages that open as they are. Tailwind source files sit in the package too, in case you decide to change the design and compile a fresh stylesheet. The images shown in the preview stay out of the package, and neutral placeholders take their place, so you add your own project shots and portrait. Icons come from FontAwesome and the fonts load from Google Fonts. The preview artwork came from Freepik and Unsplash.

Malcom’s Profile, Portfolio and Pricing pages together give a freelancer a full client-facing flow in 10 pages.