Templates · Personal

Portfolio

A single-page portfolio with a hero, pinned case studies, and a bio footer.

Preview

Every element on the page is a Nova primitive. Adjust tokens in src/styles.css.

Ada Lovelace

Design engineer · London

Novix UI

Short one-line description of the case study.

2026

Analytical Engine

Short one-line description of the case study.

2026

Bernoulli Notes

Short one-line description of the case study.

2026

Install

Pull the template with the Nova CLI.

tsx

npx @novix-ui/cli template add portfolio

Source

tsx

// src/routes/index.tsx
export function Portfolio() {
  return (
    <>
      <Hero />
      <PinnedWork projects={projects} />
      <ContactFooter />
    </>
  );
}

What's included

Hero + introCase study gridSkills rowContact CTA