FeaturesExamplesQuickstart
Buy me a coffee
Free download


Features

Launch in minutes

Everything you need for a powerful portfolio, ready to go.

Intuitive customization

Easily toggle between various themes and customize to your liking.

100% responsive

Ensure a perfect user experience across all devices.

Fully accessible

Benefit from accessible components and color schemes.

SEO-optimized

Boost your app's search rankings with SEO-optimized pages.

State-of-the-art frameworks

Built on Next.js and TypeScript for performance and scalability.

Built with Magic Portfolio

Beautiful examples from the community

Portfolio of Lorant One
Lorant One
Design Engineer
Portfolio of Zsofia Komaromi
Zsofia Komaromi
Product Designer
Portfolio of Adan Ayaz
Adan Ayaz
Full-Stack Engineer
Get your portfolio featured! Share it with us onDiscord

Quickstart

1

Customize styles

Make your portfolio uniquely yours. Choose from light or dark themes, pick brand colors, and fine-tune visual details like borders and transitions.
theme:       'dark',
neutral:     'gray',
brand:       'aqua',
accent:      'yellow',
solid:       'contrast',
solidStyle:  'flat',
border:      'playful',
surface:     'translucent',
transition:  'all'
2

Select pages

Choose from predefined pages including CV, projects, blog, or gallery.
'/':        true,
'/about':   true,
'/work':    true,
'/blog':    true,
'/gallery': true,
3

Add content

Easily update a single content file to add your personal bio, work experience, and skills.
display: true,
title: 'Work Experience',
experiences: [
    {
        company: 'FLY',
        timeframe: '2022 - Present',
        role: 'Senior Design Engineer',
        achievements: [
            <>Platform redesign</>,
            <>AI integration</>
        ],
    },
4

Set up password protection

Create password protected pages for confidential content.
const protectedRoutes = {
    '/work/ai-integration': true
}
5

Showcase your work

Create a markdown file for each project you want to showcase. Add project details, links, and images.
---
title: "FLY platform redesign"
publishedAt: "2024-04-08"
summary: "In this project, I redesigned the FLY platform."
images:
  - "/images/projects/project-01/cover-01.jpg"
  - "/images/projects/project-01/video-01.mp4"
---

## Overview
## Key features
6

Start blogging

Share your story. Write blog post with markdown.
---
title: "Arriving to a new milestone in my career"
publishedAt: "2024-04-08"
summary: "Every career is a journey, filled with challenges."
---

## Reflecting on the Journey So Far

Craft your portfolio with magic

Free download