DEV Community

Cover image for 10 Creative & Open Source Portfolio Templates
Justin3go
Justin3go

Posted on

70 2 5 3 3

10 Creative & Open Source Portfolio Templates

10 Creative & Open Source Portfolio Templates

Overview

Share 10 unique and free open-source creative portfolio templates. These templates provide creative references and can be easily used directly to quickly set up your own unique portfolio website.

All templates mentioned below are included in this collection: Creative Portfolio Templates

Playground MacOS

A portfolio template that simulates the MacOS interface, displaying personal information through internal windows while also incorporating the simulated use of some MacOS applications.

Main tech stack: React, TailwindCSS, UnoCSS

Details: Playground MacOS

Magic Portfolio

A very cool, dark-themed portfolio template that includes site modules like About, Work, Blog, Gallery, etc. It features a striking color palette of black background and glowing green for a cool effect.

Main tech stack: Next.js, Once UI

Details: Magic Portfolio

Naresh Khatri Portfolio

A template with very smooth animations featuring a unique keyboard-like feature representing a tech stack, moving smoothly as you scroll.

Main tech stack: Next.js, Shadcn, Aceternity UI

Details: Naresh Khatri Portfolio

Ladunjexa Portfolio

A black and purple colored portfolio template with cool design elements and some 3D modeling. The structure is clearly divided, making it a good fit for this style.

Main tech stack: React, Three.js

Details: Ladunjexa Portfolio

Metal-oopa Portfolio

A template with smooth animations, unique and clean background, and excellent layout design.

Main tech stack: React

Details: Metal-oopa Portfolio

Alexdeploy Developer Portfolio

Awesome portfolio design for developers or designers, with easy configuration. Inspired by a code editor and includes a snake game on the homepage.

Main tech stack: Nuxt

Details: Alexdeploy Developer Portfolio

Braydentw

An adorable portfolio template featuring many well-coordinated cute hand-drawn illustrations.

Main tech stack: Next.js, TailwindCSS

Details: Braydentw

Shaqdeff Portfolio

This portfolio template is designed to showcase your skills, experience, and accomplishments in a visually appealing and professional manner.

Main tech stack: React, Tailwind, Three.js

Details: Shaqdeff Portfolio

VSCode Portfolio

A VSCode-themed portfolio template, excellently integrating various VSCode modules with the information you want to display, offering multiple VSCode themes to choose from.

Main tech stack: Next.js

Details: VSCode Portfolio

Codebucks27 Portfolio

Build a stunning portfolio with React JS and Framer Motion. This portfolio utilizes Framer Motion for cool transitions and animations.

Main tech stack: React, Framer Motion

Details: Codebucks27 Portfolio

Conclusion

Feel free to explore free website templates at template0.com, including Blog, Portfolio, Landing Page, AI, etc. You can filter by use, tech stack, or preview images, and even submit your own free templates.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (10)

Collapse
 
tomasdevs profile image
Tomas Stveracek

That's a nice overview. I did something similar to Nitin – I also used VS Code. I wrote an article about it. Here's the link.

Collapse
 
govindvyas profile image
Govind Vyas

I love how it captures the essence of Visual Studio Code—it's like having a mini coding environment on your website.

Collapse
 
kiraaziz profile image
kiraaziz

min is open source too ,
rjaziz.com
and cool.rjaziz.com

Collapse
 
justin3go profile image
Justin3go

Wow! I like this.

Collapse
 
okabhishek88 profile image
Abhishek Chauhan

amazing

Collapse
 
mroman7 profile image
Roman

creative & beautiful

Collapse
 
syedmuhammadaliraza profile image
Syed Muhammad Ali Raza

👍

Collapse
 
timo_reusch profile image
Timo Reusch

The attention to detail in Playground MacOS honestly blew my mind

Collapse
 
govindvyas profile image
Govind Vyas

These portfolio templates are amazing! Each one has such a unique style and function. Thanks for sharing this awesome collection! 🌟

Collapse
 
justin3go profile image
Justin3go

Hello everyone, if this post is helpful to you, please like, comment, and share to support it. I need everyone's positive feedback, thank you~

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Playwright CLI Flags Tutorial

5 Playwright CLI Flags That Will Transform Your Testing Workflow

  • 0:56 --last-failed: Zero in on just the tests that failed in your previous run
  • 2:34 --only-changed: Test only the spec files you've modified in git
  • 4:27 --repeat-each: Run tests multiple times to catch flaky behavior before it reaches production
  • 5:15 --forbid-only: Prevent accidental test.only commits from breaking your CI pipeline
  • 5:51 --ui --headed --workers 1: Debug visually with browser windows and sequential test execution

Learn how these powerful command-line options can save you time, strengthen your test suite, and streamline your Playwright testing experience. Click on any timestamp above to jump directly to that section in the tutorial!

Watch Full Video 📹️

👋 Kindness is contagious

Engage with a wealth of insights in this thoughtful article, valued within the supportive DEV Community. Coders of every background are welcome to join in and add to our collective wisdom.

A sincere "thank you" often brightens someone’s day. Share your gratitude in the comments below!

On DEV, the act of sharing knowledge eases our journey and fortifies our community ties. Found value in this? A quick thank you to the author can make a significant impact.

Okay