react-syntax-highlighter-catppuccin

React Syntax highlighter cattpuccin

Catppuccin themes for React syntax highlighter.

Getting started

Install react-syntax-highlighter-catppuccin with your preferred package-manager.

pnpm i -D react-syntax-highlighter-catppuccin

After import your preferred theme.

import latte from 'react-syntax-highlighter-catppuccin/latte';
import macchiato from 'react-syntax-highlighter-catppuccin/macchiato';
import frappe from 'react-syntax-highlighter-catppuccin/frappe';
import mocha from 'react-syntax-highlighter-catppuccin/mocha';

and use inside your component.

<ReactSyntaxHighlighter
  // ...
  style={macchiato} // or any different flavor
>

License

MIT