ng-portfolioTHE NEW ANGULAR PORTFOLIO TEMPLATE

The portfolio you'll be proud to send.

Show clients and hiring teams what you can do.

A complete Angular portfolio with a striking design, animated details, and a visual editor to make it yours. Add your work. Put your name on it. Send that link.

One payment Full source code Classic included

Kevin Kreuzer

Built by Kevin KreuzerGoogle Developer Expert for Angular

your-name.dev
The portfolio adapts to a mobile screen
Your work.
A whole new look.
Built with Angular 22 Visual setup editor Desktop to mobile Source code included

You've done the work.
Now let it speak for you.

Give someone a reason to remember your name. A considered design for your projects, your experience, and what you want to do next.

ng-portfolio / Signals hero
The new ng-portfolio template with the Signals hero and Alex Morgan demo profile
Make a memorable first impression.Bold typography, your portrait, and an animated architecture background.

Shown with the included demo profile. Your name, images, and content make it yours.

See the design on a real portfolio

Make it personal.
Without starting over.

Your portfolio shouldn't become another unfinished side project. Start with the design in place and use the included visual editor to make it your own.

  • Your look. Change the accent, portrait, and hero effect.
  • Your story. Add projects, services, articles, and talks.
  • Your priorities. Reorder content and hide unused sections.
Make it mine
YOUR CHANGES. LIVE PREVIEW.
Local portfolio editor with profile fields and a live preview beside them
Edit locally. Export your content. Publish on your own host.

The details are already there.

Animated heroes, large typography, project layouts, and responsive screens. Start with a complete design.

Angular you can make your own.

Standalone components, signals, and editable styles. Take the source wherever your next idea leads.

Your site. On your terms.

Build and host it yourself. Your source and content stay with you, with no hosted editor subscription.

nivek.me
The portfolio design in use on Kevin Kreuzer's personal site

The design behind
nivek.me.

Kevin Kreuzer is a Google Developer Expert for Angular and co-founder of Angular Experts. This template brings the design of his personal portfolio to your next website.

Explore the live site to see how the design works with real projects, articles, and experience.

Visit Kevin's portfolio

The download includes an editable demo profile and two hero effects. The live site's personal content and Matterhorn background are specific to Kevin's site.

One purchase.
Your new portfolio starts here.

Get the complete new template, the tools to make it yours, and the original ng-portfolio as a bonus.

ng-portfolio

  • The new Angular portfolio template

    The full design, ready for your projects, experience, writing, and services.

  • Two animated hero styles

    Signals architecture and liquid chrome, with your choice of accent colour.

  • Visual editor with live preview

    Personalize your content and layout from your browser.

  • Full source code & setup guide

    Angular components, styles, demo artwork, and publishing instructions.

ALSO INCLUDED

The original ng-portfolio.

Keep Classic in your toolkit. Spotlight and Portrait layouts, light and dark themes, and the original setup wizard. No extra charge.

The original ng-portfolio Portrait layout, included as a bonus

Ready when
you are.

Built for developers who want a portfolio they can customize and host themselves.

What do I get with my purchase?

The complete new ng-portfolio Angular template, its local visual editor, demo content, and setup guide. The original ng-portfolio Classic is included as a separate project with its own layouts and instructions.

How do I make it my own?

Install the dependencies with npm ci and open the local editor with npm run setup. Edit your profile, images, and content, then export the configuration into your project. The included guide covers the build and deployment steps.

Do I need to know Angular?

The visual editor handles the main content and appearance settings. You need basic familiarity with npm and hosting to run and publish the project. Angular knowledge helps if you want to change components or build additional features. The new template requires Node.js 22.22.3 or later in the 22.x line, Node.js 24.15.0 or later in the 24.x line, or Node.js 26.

Is the download identical to nivek.me?

The template shares the design direction of Kevin's personal site. It comes with the fictional Alex Morgan profile, editable sample artwork, and Signals and liquid-chrome hero effects. Kevin's personal photos, content, and Matterhorn background are not included.

Are there any recurring costs?

The template is a one-time purchase. The editor runs locally on your computer. Hosting and a domain are separate and depend on the provider you choose.

What is the difference between the new design and Classic?

The new design has a dark hero, editorial sections, two animated hero effects, a configurable accent colour, and a visual editor. Classic is the original résumé-focused template with Spotlight and Portrait layouts and light and dark themes. Both are included as separate Angular projects.

I already use the original template. Can I switch?

You can transfer your content into the new template's configuration. The projects have different structures, so there is no automatic migration. Your existing Classic site can stay as it is.

Now give it a portfolio
you're proud of.

Get ng-portfolio $19.99

New design. Full source code. Original template included.

More from Angular Experts

Angular Signal Forms eBook

Angular Signal Forms eBook

Build typed, validated, production-ready Angular forms with signals. A practical Angular v21 guide to model-first forms, schema-driven validation, custom controls, migration, and responsible adoption.

Angular Signal Forms Workshop

Angular Signal Forms Workshop

Master Angular's brand new Signal-based Forms API through 12 progressive hands-on labs. Learn form basics, validators, custom controls, subforms, migration strategies, and more.

Build AI-Powered UIs with Angular

Build AI-Powered UIs with Angular

A practical, video-based course with 30+ snackable lessons that teaches you how to build AI-enhanced user interfaces in Angular. Learn streaming chats, tool calling, Gen UI, structured outputs, forms automation, charts from AI, and more.

Angular Signals Masterclass eBook

Angular Signals Masterclass eBook

Learn everything about the future of Angular with Angular Signals. In this comprehensive ebook, you will not only master the API and advanced concepts but also gain valuable insights into how this cutting-edge technology works behind the scenes. Elevate your development skills today and be at the forefront of real-time communication with Angular Signals!

Angular Enterprise Architecture eBook

Angular Enterprise Architecture eBook

Learn how to architect a new or existing enterprise grade Angular application with tooling based automated architecture validation.

This will ensure that Your project stays maintainable, extendable and therefore with high delivery velocity over the whole project lifetime!

Skol

Skol

A family of six calm, semantic themes for JetBrains IDEs and Visual Studio Code—designed to reduce visual noise and make code easier to scan.

Omniboard - Enterprise Polyrepo Tooling

Omniboard - Enterprise Polyrepo Tooling

Omniboard is enterprise polyrepo management tool that helps you understand and evolve your codebases

ng-parsel

ng-parsel

Parse your Angular code base to JSON - Great for displaying APIs and running custom analysis.

Angular UI components library starter

Angular UI components library starter

The custom Angular UI components library starter is a starter project to create, build, test, deliver and showcase your Angular component library. We collected all the best practices of building Angular libraries and put them together with state-of-the-art technologies into one epic starter kit.

Angularic Oh My Posh Theme

Angularic Oh My Posh Theme

Angularic is a theme for Oh My Posh, a cross-shell prompt theming engine. It brings lots of infos relevant to Angular development packaged in a sleek and modern design.

Angular library starter

Angular library starter

About Starter project to build epic Angular libraries with fully automated release setup, testing, linting, contribution guidelines, prettier, husky and more

Code tailor

Code tailor

Code tailor is a tool to create code snippets with syntax highlighting and export them as images.