Tailwind not showing classes like bg, text, fonta etc not suggesting it's classes.

[pritamsahu99]

Tailwind not showing classes like bg, text, fonta etc not suggesting it's classes.

[Drako01]

There are two separate things to check here:

1. Whether Tailwind is generating the expected CSS.
2. Whether your editor is providing Tailwind class-name completion.

If you're using VS Code, install the official Tailwind CSS IntelliSense extension by Tailwind Labs.

Then verify the following.

1. Open the actual project root

The extension needs to detect your project's Tailwind configuration. Opening only an individual component file can prevent normal project detection.

2. Confirm your Tailwind version and configuration

For Tailwind v3, verify your tailwind.config.js and content paths.

For Tailwind v4, make sure the CSS entry contains:

@import "tailwindcss";

3. Test a standard class attribute

Try completion inside:

<div className="bg-">

If suggestions work here but not inside a helper function or template literal, the issue may be editor language detection rather than Tailwind itself.

4. Check extension diagnostics

In VS Code, open the Output panel and select the Tailwind CSS IntelliSense output channel.

Look for project detection or language-server errors.

5. Verify extensions aren't conflicting

Temporarily disable other CSS/Tailwind completion extensions and restart the language server.

Finally, try building the application. If the classes work at runtime but IntelliSense does not, that confirms the problem is limited to editor integration.

If you share the framework, Tailwind version, and editor, we can narrow this down to a specific configuration rather than guessing.