Skip to content
blak.nvim

Web Extra

lang.web adds frontend HTML, CSS, Tailwind, and Emmet support with Prettier formatting. It complements lang.typescript rather than replacing it — Tailwind and Emmet also attach to JSX/TSX buffers when they are present.

Enable it

Section titled “Enable it”
-- ~/.config/blak/lua/blak/user.lua
return {
  extras = {
    enabled = {
      "lang.web",
    },
  },
}

Or enable it interactively:

:BlakExtras enable lang.web

What it adds

Section titled “What it adds”
Surface Contribution
Treesitter html, css, scss
Mason prettier, prettierd
LSP html, cssls, tailwindcss, emmet_language_server
Formatting prettierd (fallback prettier) for html, css, scss, less

Language servers install automatically through Mason: html/cssls map to vscode-langservers-extracted, tailwindcss to tailwindcss-language-server, and emmet_language_server to emmet-language-server. Only the Prettier formatters need an explicit Mason entry.

Notes

Section titled “Notes”
  • The Tailwind server attaches only when it detects a Tailwind config in the project, so there is no cost on non-Tailwind codebases.
  • Emmet expansion and Tailwind completion both attach to HTML, CSS, and JSX/TSX buffers; they are complementary, not conflicting.
  • Want just one piece? lang.tailwind and editor.emmet ship the Tailwind and Emmet servers standalone.

Install and verify

Section titled “Install and verify”
:BlakToolsInstall
:BlakTreesitterInstall
:BlakDoctor

Open an .html or .css file and check :LspInfo for html, cssls, and emmet_language_server. Open a file in a Tailwind project to see tailwindcss attach.