Neiki's Editor

Link to repository

https://github.com/neikiri/neiki-editor-catppuccin

Screenshots

Any additional comments?

Neiki's Editor is a lightweight, dependency-free WYSIWYG rich text editor for the web, written in vanilla JavaScript - it attaches to any <textarea> and provides a full editing surface with a configurable toolbar, tables, images, find & replace, eight UI languages, and built-in themes. The port ships all four Catppuccin flavors (Latte, Frappé, Macchiato, Mocha) as built-in editor themes, available since version 3.13.0, with every color mapped from the official palette v1.8.0; each flavor is selectable from the editor's theme picker or via the theme option / setTheme() API.

Live demo: https://neikiri.dev/editor (to switch to a Catppuccin flavor, open the theme selector dropdown on the right side of the toolbar, next to the ⋯ More menu, and pick one from the list).

One note about the repository name: the port creation guide says the repo should be named after the app in lower-kebab-case (i.e. neiki-editor), but that exact name is already taken on my account by the editor's own repository - the app the themes were made for - so I named the port neiki-editor-catppuccin instead. If/once the port is transferred into the organization, I'm happy to have it renamed to plain neiki-editor there.

Finally, if the port is accepted, I'd love for the project to be listed as "Neiki's Editor" on the official Catppuccin website, as that is its official name.

Happy to make any adjustments needed to meet the contribution guidelines

Submission Guidelines

• I have read and followed Catppuccin's submission guidelines.

Update

Third-party theme support has now landed in Neiki's Editor, and this port repository has been updated accordingly.

Catppuccin flavors are no longer bundled directly in the editor source. This repository now provides the installable theme files users need to add Catppuccin to their editor project.

To install a flavor, copy its directory from this repository into the editor project's themes/ directory, preserving its files:

themes/
  catppuccin/
    mocha/
      theme.json
      theme.js
      theme.css
      LICENSE

Then add the corresponding theme.json entry to themes/index.json. For example, with all four Catppuccin flavors installed:

{
  "themes": [
    "catppuccin/latte/theme.json",
    "catppuccin/frappe/theme.json",
    "catppuccin/macchiato/theme.json",
    "catppuccin/mocha/theme.json"
  ]
}

The repository includes all four flavors: Latte, Frappé, Macchiato, and Mocha.

The editor loads the themes listed in themes/index.json; each installed Catppuccin flavor is then available in the theme picker and through the theme option / setTheme() API.