#43 most commonruntime/UILovableBolt.newCursorReplitv0Windsurf

Tailwind / styles not applying (page looks unstyled)

Page renders but looks like plain HTML with no styling. Sometimes: Unknown at rule @tailwind / Cannot apply unknown utility class

Got a slightly different error? Paste the exact message and get a fix prompt tailored to it.

Paste your error →

What it means

Your design styles aren't being loaded, so the page falls back to plain browser defaults. Usually the style file isn't connected, or the Tailwind setup doesn't match the version installed.

How to fix it: paste this prompt into your AI builder

Fix prompt for Lovable, Bolt, Cursor, Replit, v0, Windsurf
My app's styles (Tailwind) aren't applying. Check: (1) the global CSS file is imported in the app entry (main.tsx or app/layout.tsx); (2) the Tailwind version in package.json matches the config style used (v4 uses @import "tailwindcss" and the @tailwindcss/vite or postcss plugin; v3 uses @tailwind directives and tailwind.config content paths); (3) the content paths include all component folders; (4) class names aren't built dynamically from strings. Fix the setup without changing any component class names or design.

If the AI can't fix it: manual steps

  1. Check if the problem started after a package update; a Tailwind v3 to v4 jump changes how setup works.

Where this happens

Seen in these AI app builders and editors:

LovableBolt.newCursorReplitv0Windsurf

Sources

Related runtime/UI errors

Still stuck? Paste your full error and UnstuckMyVibe will match it and hand you the exact fix prompt.

Fix my error →