Combining Ant Design v6 and Tailwind v4 without style conflicts

This post shares how to avoid style conflicts when using Ant Design v6 and Tailwind v4 together in one project.

The common problem

Tailwind's CSS reset can override AntD's default styles if loaded in the wrong order.

The fix

Configure AntD's cssVar option, load Tailwind before the AntD registry, and share CSS variables for color.