@getnarro/marketplace

Themes, colour schemes, and templates for Narro presentations

getnarro.com · Documentation · Ecosystem

A registry of themes, colour schemes, and template metadata, with the search and lookup helpers that go with them. The CLI, the MCP server, and the web editor all read this package, so a theme added here is available everywhere at once.

Installation

npm install @getnarro/marketplace

Usage

Applying a theme

import { Presentation, Slide } from "@getnarro/core";
import { corporateDark, getThemeById } from "@getnarro/marketplace";

<Presentation theme={corporateDark}>
  <Slide>…</Slide>
</Presentation>;

// or look one up by id
const theme = getThemeById("corporate-dark");

In a markdown deck it is one frontmatter key:

---
theme: corporate-dark
---

Searching

import { getAllThemeTags, searchColorSchemes, searchThemes } from "@getnarro/marketplace";

searchThemes({ query: "dark" });
searchThemes({ tags: ["corporate", "professional"] });
getAllThemeTags();

From the CLI

narro themes list
narro themes info minimalist-light
narro themes apply corporate-dark

Themes

| Theme | Description | | --- | --- | | default | Narro's built-in styling — sensible defaults, no marketplace tokens | | corporate-dark | A professional dark theme perfect for business presentations and corporate meetings | | minimalist-light | A clean, minimal light theme focused on content clarity and readability | | creative-gradient | A vibrant, eye-catching theme with gradient accents for creative presentations | | ocean-blue | A calming ocean-inspired theme with deep blue tones for professional presentations | | forest-green | A nature-inspired theme with lush green tones for eco-friendly presentations | | sunset-warm | A warm sunset-inspired theme with orange and pink accents | | midnight-purple | An elegant dark theme with rich purple accents for sophisticated presentations | | tech-dark | A developer-focused dark theme optimized for code presentations and tech talks | | startup-bold | A bold, energetic theme designed for startup pitches and product launches | | academic-classic | A traditional, professional theme suited for academic and educational presentations |

Colour schemes

A colour scheme swaps the palette without touching the typography or the layouts, so it composes with any theme.

| Colour scheme | Name | | --- | --- | | ocean-blue | Ocean Blue | | sunset-warm | Sunset Warm | | forest-mist | Forest Mist | | royal-purple | Royal Purple | | rose-gold | Rose Gold | | arctic-blue | Arctic Blue | | charcoal-slate | Charcoal Slate | | emerald-night | Emerald Night |

Theme shape

interface MarketplaceTheme {
  id: string; // unique identifier, and the frontmatter value
  name: string; // display name
  description: string; // one line, shown in `narro themes list`
  author: string;
  version: string; // semver
  tags: string[]; // search tags
  colors: {
    primary: string;
    secondary: string;
    background: string;
    foreground: string;
    muted: string;
    accent: string;
  };
  fonts: {
    heading: string; // font stacks, not family names
    body: string;
    mono: string;
  };
}

Adding a theme

Themes live in themes/ in the repository. Add the object, export it from the registry, and the CLI, the MCP server, the web editor, and the tables above all pick it up — those tables are generated from the registry, so there is nothing else to update. Pull requests welcome.

The Narro ecosystem

| Package | What it is | | --- | --- | | @getnarro/cli | CLI tools for creating and managing Narro presentations | | @getnarro/core | The React runtime for Narro presentations — Presentation, Slide, navigation, transitions, and speaker notes | | @getnarro/docs | Narro's documentation as data — markdown pages, a generated component API reference, and llms.txt | | @getnarro/markdown | Markdown & MDX authoring for Narro presentations | | @getnarro/marketplace | Themes, colour schemes, and templates for Narro presentations ← you are here | | @getnarro/mcp-server | MCP (Model Context Protocol) server for AI-assisted Narro presentation creation | | @getnarro/shared-ui | Slide components for Narro presentations — headings, text, lists, code, media, charts, and layouts | | create-narro | Scaffold a new Narro presentation |

All eight ship from one repository and release together.

The npm package named narro is unrelated to this project. Narro's packages are all under the @getnarro/ scope; the CLI binary narro comes from @getnarro/cli.

Website · Documentation · llms.txt · GitHub · Issues · Changelog

Released under the MIT License.