Skip to content

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

-- ~/.config/blak/lua/blak/user.lua
return {
extras = {
enabled = {
"lang.web",
},
},
}

Or enable it interactively:

:BlakExtras enable lang.web

What it adds

SurfaceContribution
Treesitterhtml, css, scss
Masonprettier, prettierd
LSPhtml, cssls, tailwindcss, emmet_language_server
Formattingprettierd (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

  • 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.

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.