13 Best Open-source Portfolio Templates for Designers and Developers in 2025

13 Best Open-source Portfolio Templates for Designers and Developers in 2025

Creating a portfolio is an important step for designers and developers looking to highlight their skills and work. It’s more than just a collection of projects—it’s your personal introduction to potential clients and collaborators.

But building a portfolio site from scratch can be overwhelming, especially when juggling deadlines or exploring new tools.

That’s where open-source portfolio templates become a game-changer. These templates are not only free but are also thoughtfully designed with features that help you create a polished, professional website.

Many of them are built using Astro, a versatile framework we’ve covered extensively in our tutorials. We’ve also used Astro in several projects for our clients, and it consistently delivers excellent results.

Astro’s efficiency and flexibility make it a great option for building fast and responsive websites. Its design ensures your site loads quickly, even on slower connections, and its unique approach helps deliver excellent performance scores.

For those looking to share their work online, this translates to a website that feels smooth and professional to visitors.

Hosting your Astro-built portfolio is easier than ever, thanks to platforms like Netlify and Vercel. These services allow free development and deployment, making them perfect for anyone working on a budget.

They also take care of essential features like security and performance optimization, ensuring your portfolio is fast and reliable.

With a variety of styles and features, there’s something here for every designer and developer. Let’s dive in and explore how these templates can help you build the portfolio you’ve always envisioned.

In this article, we’ve curated 13 of the best open-source portfolio templates for 2025, covering a range of styles and features.

1- Bento-like Portfolio

Astro-bento-portfolio is a minimal bento-like (almost) single page portfolio website made in Astro. You can check the demo here.

Features

  • Modern and Minimal bento-like, sleek UI Design
  • All in one page (almost)
  • Fully Responsive
  • Performances and SEO optimizations
  • Ready to be deployed on Netlify or Vercel
  • Blog
  • RSS support (your-domain/rss.xml)
  • Cool 3d globe

2- Dante

If you are looking for more than a portfolio, we recommend Dante, It is an uncluttered minimal Astro.js + Tailwind CSS theme designed for those who appreciate clarity and minimalism. for demo check here.

Features

  • ✅ Dark and light color mode
  • ✅ Hero section with bio
  • ✅ Portfolio collection
  • ✅ Pagination support
  • ✅ Post tags support
  • ✅ Subscription form
  • ✅ View transitions
  • ✅ Tailwind CSS
  • ✅ Mobile-first responsive layout
  • ✅ SEO-friendly with canonical URLs and OpenGraph data
  • ✅ Sitemap support
  • ✅ RSS Feed support
  • ✅ Markdown & MDX support

2- AstroMax

AstroMax is a pretty cool landing page for your agency or as a personal website. It include an amazing layout and design for your projects, interactive project slider, services, and get quote section.

The demo is pretty amazing, check here.

GitHub - michael-andreuzza/astromax
Contribute to michael-andreuzza/astromax development by creating an account on GitHub.

3- Esquelete CV

This one is a free, easy-to-use CV template with a clean design. Just fill in your details and you're ready to go! It works if you like accordion design. (Demo)

You can set pages easily using Mwrkdown, and configure your cards with simple modification.

GitHub - mmouzo/astro-cv-esquelete: A free, easy-to-use CV template with a clean design. Just fill in your details and you’re ready to go!
A free, easy-to-use CV template with a clean design. Just fill in your details and you’re ready to go! - mmouzo/astro-cv-esquelete

4- Minimal

Minimal is a super minimal theme for you or your agency (demo).

GitHub - michael-andreuzza/minimalstudio: An open source website template built with Astro and Tailwind CSS for productised studios.
An open source website template built with Astro and Tailwind CSS for productised studios. - michael-andreuzza/minimalstudio

5- Portfolio Website - Astro

This open-source portfolio template, can be good for developers, freelancers who wanna list their skills, job experience and projects online in a simple page format.

It supports dark mode, and can be easily modified and edited using /src/data/info.ds file.

The starter template is a highly customizable, and it is fast compared to other starters.

GitHub - uzzii-21/astro-portfolio: This repo contains the source code for a personal portfolio website built with Astro, a framework for building fast and modern websites with your favorite frontend tools. The website showcases the developer’s skills, projects, and contact information. The website is responsive, accessible, and SEO-friendly.
This repo contains the source code for a personal portfolio website built with Astro, a framework for building fast and modern websites with your favorite frontend tools. The website showcases the…

6- Astro Art Portfolio

Minimalistic Art showcase built with Astro and connected with Notion API. Its features include:

  • Tailwind CSS with dark/light theme enabled
  • Github workflow + Dependabot setup
  • Typescript out of the box
  • Gallery powered by photoswipe
  • File compression with astro-compress
  • 💯 Lighthouse score
  • Icon supports with astro-icon
GitHub - EmaSuriano/astro-art-portfolio: Minimalistic Art showcase built with Astro and connected with Notion API
Minimalistic Art showcase built with Astro and connected with Notion API - EmaSuriano/astro-art-portfolio

7- Astro Erudite

astro-erudite is an opinionated, no-frills static blogging template built with Astro, Tailwind, and shadcn/ui. Extraordinarily loosely based off the Astro Micro theme by trevortylerlee.

You can check the demo here.

8- Milky-Way

This is a minimalist portfolio template with a whimsical charm, designed to showcase your creativity in an elegant digital space. It offers the best Lighthouse score we have seen yet. (Demo)

Features

  •  Simple and clean design, perfect for showcasing your work.
  •  Responsive layout for seamless viewing across different devices.
  •  Fast and efficient, thanks to the Astro static site generator.
  •  Easy to customize with CSS and straightforward HTML structure.

9- Rishi Bharadwaj Sai: Personal-Portfolio

This is more than just a portfolio site/ template by Rishi Bharadwaj Sai, it includes a timeline of all projects during Rishi Bharadwaj Sai academic and self-education journey, that you can copy and make it your own.

10- Astro Portfolio

Yet another portfolio template and starter that enables you to list your projects, work, skills and gallery easily. You can see it alive here.

11- Portfolio

This is a free and open-source Personal Portfolio website and blog.

12- Portfolio Website using Astro Starter Kit

Personal portfolio website, built with Astro starter kit.

13- Astro - Portfolio

Minimal dual color portfolio for developers that focuses simplicity and clarity.


Looking for more Astro Resources?

Astro vs Next.js for SEO-First Websites: 10 Reasons Why We Choose Astro
As a web developer selecting the right framework is essential for project success. For those prioritizing SEO-friendly websites, Astro has become a standout choice, frequently surpassing well-known options like Next.js in performance. This blog post introduce the ten compelling reasons why Astro could be the ideal framework for your
Astro VS Gridsome, Which Framework You Should Use for Your Next Project?
Astro and Gridsome are two powerful frameworks designed to optimize web development, each offering unique features and advantages. Here’s a breakdown of their tech stacks, speed, supported files, exclusive features, data handling capabilities, and API support. Tech Stack Astro: Built on a modern JavaScript foundation, Astro is a static
Astro Trick- How to Import and Display all Images in a Directory
The Astro framework is a front-end framework used for building fast, optimized websites and applications. It allows developers to use their preferred JavaScript framework, or none at all, while enabling the delivery of highly efficient, fast loading websites. The framework achieves this by only sending the necessary JavaScript to the
Astro - How to Create Dynamic Pages at the Root of your website
Astro is an amazing framework for creating interactive websites by allowing developers to use their favorite framework underneath. It is an ideal solution for creating static websites, web apps and more. Best 25 Astro Landing Pages for SaaS Startups, Freelancers, and App DevelopersAstro is a fantastic framework for developing interactive
25 Astro Template Starters for Blogs, Landing Pages, Websites, and More
What is Astro? Astro is a cutting-edge and innovative static site builder and framework that empowers developers with the ability to effortlessly create highly performant and optimized websites. By seamlessly combining the best of static and dynamic technologies, Astro enables developers to take advantage of the benefits of both worlds.
14 Free Astro Landing Pages Templates for Startups, Web Agencies, and Freelancers
Astro is a cutting-edge static site generator that’s quickly becoming a favorite among developers, startups, web agencies, and freelancers. It stands out for its ability to create fast and lightweight websites that excel in search engine rankings. What makes Astro unique is its approach to delivering content—only the essential







Open-source Apps

9,500+

Medical Apps

500+

Lists

450+

Dev. Resources

900+

Read more