Products
Docs
Resources
Ctrl k
Search docs...
Sign up
All products
once-ui-system/magic-portfolio

Magic Portfolio

A portfolio template designed for creatives, indie hackers, and engineers to showcase their work with style, speed, and full control.
Frameworks
Next.js + TypeScript + Sass
Once UI version
0.5.1
Next.js version
14.2.16
Documentation
License
Magic Portfolio cover

Your presence, your way

Whether you're launching a career, documenting your journey, or sharing your work—Magic Portfolio gives you a beautiful, fast, and fully customizable personal site in minutes
Portfolio background image
Portfolio demo image

Indie devs & hackers

Ship fast and look good doing it.

Designers & creatives

Build your own space to showcase your projects.

Founders

Create a high quality landing page for your personal brand.

Job seekers

Stand out with a fully customized portfolio.

Simple setup.
Stunning results.

Spend your time creating content instead of wrestling with CSS properties.

Instant presence

No more building from scratch or wrestling with complex setups. With Magic Portfolio, you can go from zero to launch in under an hour.
Image for Instant presence

Built for builders

Magic Portfolio is fully powered by Once UI, with all the modularity and elegance of our design system. Control everything from just two config files.
Image for Built for builders

Built-in gallery

Share your visuals, photography, or artwork with a responsive photo grid. Magic Portfolio includes a plug-and-play Gallery page that adapts to your content.
Image for Built-in gallery

It's not about building a website.
It's about building a presence.

Magic Portfolio blog

Manage content with MDX

Add MDX posts in the /posts and /projects folders to automatically generate blog and project showcase collections and pages.
Magic Portfolio projects

Take it to the next level

Pro
Level up your personal brand by connecting your Magic Store to your portfolio. Use the same design config for a harmonized look.

Set up in minutes.
Launch in hours.

Page config

Enable/disable sections like About, Blog, Projects, Gallery from a single file.

Content file

Add your name, avatar, intro, social links, and section content in one place.

Styling config

Customize layout, theme, and visual language via Once UI's design tokens.

Frequently asked questions

Learn more about Magic Portfolio
Got more questions? Email us at lorant@once-ui.com
Creative workspace background image

Built with Once UI

For creators who don't wait for permission