🌈 TailwindCSS Colorizer CMP

A Neovim plugin to add vs-code-style TailwindCSS color hints to the nvim-cmp completion menu.

🚀 Installation

Packer.nvim

use({
  "roobert/tailwindcss-colorizer-cmp.nvim",
  -- optionally, override the default options:
  config = function()
    require("tailwindcss-colorizer-cmp").setup({
      color_square_width = 2,
    })
  end
})

Lazy.nvim

{
  "roobert/tailwindcss-colorizer-cmp.nvim",
  -- optionally, override the default options:
  config = function()
    require("tailwindcss-colorizer-cmp").setup({
      color_square_width = 2,
    })
  end
}

🛠️ Usage

After installing the plugin, please ensure it's initialised with one of the following:

Standard Neovim

require("cmp").config.formatting = {
  format = require("tailwindcss-colorizer-cmp").formatter
}

LunarVim

lvim.builtin.cmp.formatting = {
  format = require("tailwindcss-colorizer-cmp").formatter
}

❤️ Related

If you'd also like color highlighting in the buffer, please see: NvChad/nvim-colorizer.lua

A nice video on adding various tailwind support to Neovim can be found here.