Class Suggestions not showing up in vscode

[dhitznswa]

What version of VS Code are you using?

v1.99.3

What version of Tailwind CSS IntelliSense are you using?

v0.14.16

What version of Tailwind CSS are you using?

v4^

What package manager are you using?

Npm

What operating system are you using?

Windows 10

VS Code settings

{
  "workbench.tree.indent": 16,
  "workbench.startupEditor": "none",
  "workbench.productIconTheme": "fluent-icons",
  "workbench.iconTheme": "symbols",
  "workbench.colorTheme": "One Dark Pro Night Flat",
  "editor.bracketPairColorization.independentColorPoolPerBracketType": true,
  "editor.fontFamily": "\"Fira Code\", Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 12,
  "editor.minimap.enabled": false,
  "editor.formatOnSave": true,
  "editor.fontWeight": "450",
  "editor.lineHeight": 18,
  "editor.folding": true,
  "editor.glyphMargin": true,
  "editor.guides.indentation": false,
  "editor.scrollbar.horizontal": "hidden",
  "breadcrumbs.enabled": true,
  "breadcrumbs.symbolPath": "off",
  "breadcrumbs.filePath": "on",
  "debug.console.fontSize": 10,
  "terminal.integrated.fontSize": 12,
  "terminal.integrated.fontFamily": "FiraCode Nerd Font Mono Light",
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "explorer.compactFolders": false,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "emmet.includeLanguages": {
    "postcss": "css"
  },
  "terminal.integrated.defaultProfile.windows": "PowerShell",
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "Devdb.colorTheme": "dark",
  "tailwindCSS.experimental.classRegex": [
    ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
    ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
  ],
  "editor.guides.bracketPairs": true,
  "terminal.integrated.env.windows": {},

  "files.associations": {
    ".css": "tailwindcss"
  },

  "editor.quickSuggestions": {
    "other": "on",
    "comments": "off",
    "strings": "on"
  },
  "tailwindCSS.emmetCompletions": true,
  "gitlens.ai.model": "vscode",
  "gitlens.ai.vscode.model": "copilot:gpt-4.1"
}

[Tusharsrivastava001]

where should i past it

[thecrypticace]

@dhitznswa Can you please provide a reproduction? Also please provide the logs from "Tailwind CSS: Show Output" from the command palette?

[GreedyWhale]

I'm having this problem too.

Try creating style.css directly in your project's src directory, Then restart vscode

@import "tailwindcss";