Avatar for the dcastil user
dcastil
tailwind-merge
BlogDocsChangelog

Add support for Tailwind CSS v4.1

#565Merged
Comparing
feature/556/add-support-for-tailwind-css-v4.1
(
442502d
) with
main
(
b7527c4
)
CodSpeed Performance Gauge
-15%
Improvements
0
Regressions
3
Untouched
2
New
0
Dropped
0
Ignored
0

Benchmarks

Passed

collection without cache
tests/tw-merge.benchmark.ts::twMerge::collection without cache
CodSpeed Performance Gauge
0%
212.6 ms
213.5 ms
collection with cache
tests/tw-merge.benchmark.ts::twMerge::collection with cache
CodSpeed Performance Gauge
-4%
18.7 ms
19.4 ms
heavyRegression
tests/tw-merge.benchmark.ts::twMerge::heavy
CodSpeed Performance Gauge
-14%
4.2 ms
4.9 ms
simpleRegression
tests/tw-merge.benchmark.ts::twMerge::simple
CodSpeed Performance Gauge
-14%
3.9 ms
4.6 ms
initRegression
tests/tw-merge.benchmark.ts::twMerge::init
CodSpeed Performance Gauge
-15%
4.8 ms
5.6 ms

Commits

Click on a commit to change the comparison range
Base
main
b7527c4
0%
add details-content variant
0303327
14 days ago
by dcastil
0%
Add `items-baseline-last` and `self-baseline-last` utilities
24ffa43
14 days ago
by dcastil
-1%
Add safe alignment utilities
1d7aadf
14 days ago
by dcastil
0%
Add `wrap-anywhere`, `wrap-break-word`, and `wrap-normal` utilities
7b98a15
14 days ago
by dcastil
0%
Add `text-shadow-*` utilities
1f44511
14 days ago
by dcastil
-1%
Add `mask-clip`, `mask-composite`, `mask-mode`, `mask-origin`, `mask-repeat` and `mask-type` utilities
bc32b83
13 days ago
by dcastil
-2%
Add `mask-position` utilities I also loosened the rules on position vs. origin a bit and allow classes like `*-top-left` and `*-left-top` everywhere. The reason for this is that Tailwind used one style in some groups and another style in others in the past, but moved to support the same order in all groups while keeping the old style working. That means some class groups allow both styles and some not: - object-position: supports both - background-position: supports both - mask-position: Y direction first only - perspective-origin: Y direction first only - transform-origin: Y direction first only To make things simpler and keep the bundle size of tailwind-merge small, I decided to support both styles everywhere.
e30a5b2
13 days ago
by dcastil
0%
improve performance of validators which allow multiple labels
693eb0e
13 days ago
by dcastil
0%
Add `mask-size` utilities
a204250
13 days ago
by dcastil
-11%
Add `mask-image` utilities This is very verbose, but I intend to optimize this later
8baefda
13 days ago
by dcastil
0%
fix percentage label belonging to bg-position instead of bg-size In the Tailwind CSS codebase it's belonging to position. I don't know why I had it under size.
b757cd8
13 days ago
by dcastil
0%
fix conflict declaration between border-width groups and between border-color groups missing
d7fa23b
13 days ago
by dcastil
0%
compress class groups a bit
5ab81b3
13 days ago
by dcastil
-41%
attempt to reduce bundle size impact of mask-image class groups
fedad41
13 days ago
by dcastil
+41%
Revert "attempt to reduce bundle size impact of mask-image class groups" This reverts commit fedad417ee2af10c8df79053b6bccd13cb1de5d7. The reverted commit reduced increased `twMerge` bundle size from +7.4% to +5.9% but at the same time made init runtime perf a lot worse from -15.13% to -51.44%
268f096
13 days ago
by dcastil
0%
Add `drop-shadow-<color>` utilities
3722903
13 days ago
by dcastil
0%
add Tailwind CSS v4.1 support info to docs
2afc3b6
13 days ago
by dcastil
0%
improve stacked modifiers feature explanation
442502d
13 days ago
by dcastil
© 2025 CodSpeed Technology
Home Terms PrivacyDocs