Skip to content

Instantly share code, notes, and snippets.

@ammein
Created September 22, 2025 07:57
Show Gist options
  • Save ammein/6cd9effcd9efbc5c6dbe10abe7426688 to your computer and use it in GitHub Desktop.
Save ammein/6cd9effcd9efbc5c6dbe10abe7426688 to your computer and use it in GitHub Desktop.
VSCode TailwindCSS Regex
{
"tailwindCSS.experimental.classRegex": [
"tw`([^`]*)",
"tw\\.[^`]+`([^`]*)`",
"tw\\(.*?\\).*?`([^`]*)",
// wrapperClass with double quotes (multi-line safe)
"wrapperClass=\\{\\\"([\\s\\S]*?)\\\"\\}",
// wrapperClass with single quotes (multi-line safe)
"wrapperClass=\\{'([\\s\\S]*?)'\\}",
// wrapperClass with template literals (captures only static text, multi-line safe)
"wrapperClass=\\{`([\\s\\S]*?)`\\}",
// wrapperClass: also pick up quoted strings inside ${...} (multi-line safe)
"wrapperClass=\\{[\\s\\S]*?\\$\\{[\\s\\S]*?'([\\s\\S]*?)'[\\s\\S]*?\\}\\}",
"wrapperClass=\\{[\\s\\S]*?\\$\\{[\\s\\S]*?\\\"([\\s\\S]*?)\\\"[\\s\\S]*?\\}\\}",
// /* tailwindcss */ with double quotes (multi-line safe)
"\\{\\s*\\/\\* tailwindcss \\*\\/[\\s\\S]*?\\\"([\\s\\S]*?)\\\"",
// /* tailwindcss */ with single quotes (multi-line safe)
"\\{\\s*\\/\\* tailwindcss \\*\\/[\\s\\S]*?'([\\s\\S]*?)'",
// /* tailwindcss */ with template literals (multi-line safe, static only)
"\\{\\s*\\/\\* tailwindcss \\*\\/[\\s\\S]*?`([\\s\\S]*?)`",
// /* tailwindcss */ with interpolation containing single quotes
"\\{\\s*\\/\\* tailwindcss \\*\\/[\\s\\S]*?\\$\\{[\\s\\S]*?'([\\s\\S]*?)'[\\s\\S]*?\\}\\}",
// /* tailwindcss */ with interpolation containing double quotes
"\\{\\s*\\/\\* tailwindcss \\*\\/[\\s\\S]*?\\$\\{[\\s\\S]*?\\\"([\\s\\S]*?)\\\"[\\s\\S]*?\\}\\}"
],
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment