<div style="display: flex; gap: 10px;"> <img alt="NPM License" src="https://img.shields.io/npm/l/react-syntax-highlighter-catppuccin"></img> <img alt="NPM Version" src="https://img.shields.io/npm/v/react-syntax-highlighter-catppuccin"></img> </div
npm install react-syntax-highlighter-catppuccinCatppuccin themes for React syntax highlighter.
Install react-syntax-highlighter-catppuccin with your preferred package-manager.
``shell`
pnpm i -D react-syntax-highlighter-catppuccin
After import your preferred theme.
`tsx`
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.
`typescript``
style={macchiato} // or any different flavor
>