Skip to content

[V5] - Same className in V4 display different in V5 #241

Closed

Description

@albertcito

Describe the bug
This is the component in v4 and v5. Both of them are exactly the same. But those look different:

V4 V5
Image Image

Reproduction

Thar repo has both v4 and v5.

https://github.com/albertcito/nativewinds/

Activity

  1. jcannon98188 commented on Nov 28, 2025

    @jcannon98188

    v5 uses tailwind 4. Tailwind 4 is not 100% compatible with Tailwind 3. I haven't looked at the examples and compared it to the documentation, but I would be pretty confident that this is due to class names being different between the two versions of tailwind.

  2. moved this to Todo in Roadmapon Mar 26, 2026
  3. danstepanov commented on Mar 29, 2026

    @danstepanov
    Member

    Closing this as expected behavior. Nativewind v5 uses Tailwind CSS v4 under the hood, while v4 used Tailwind CSS v3. The visual differences you're seeing are from changes in Tailwind's defaults between those major versions (e.g. border color, ring width, shadow behavior). See the Tailwind v4 upgrade guide for class-level changes.

  4. moved this from Todo to Done in Roadmapon Mar 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    • Status
      Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions