Tagged articles

tailwind-merge

3 articles · Page 1 of 1

Sep 4, 2026 · Frontend Development

shadcn's cn: 30x Faster Drop-in Replacement for clsx + tailwind-merge

shadcn's new cn utility merges clsx and tailwind-merge into a single package, delivering up to 30x faster class-name merging via compile-time lookup tables and multi-layer caching, with a CLI for automatic migration, though it adds ~1.9KB gzipped and requires Tailwind CSS v4.

CNPerformance OptimizationTailwind CSS

0 likes · 8 min read

shadcn's cn: 30x Faster Drop-in Replacement for clsx + tailwind-merge

Node.js Tech Stack

Sep 3, 2026 · Frontend Development

shadcn's New `cn` Package: 30x Faster Drop-in Replacement for clsx + tailwind-merge

shadcn's new `cn` utility merges clsx and tailwind-merge into a single package, achieving up to 30x faster performance via compile-time optimization and multi-layer caching, with a 1.9 KB bundle size increase and a migration CLI for Tailwind CSS v4 projects.

CNPerformance OptimizationTailwind CSS

0 likes · 9 min read

shadcn's New `cn` Package: 30x Faster Drop-in Replacement for clsx + tailwind-merge

Rare Earth Juejin Tech Community

Jul 9, 2024 · Frontend Development

Handling Tailwind CSS in Next.js: Common Issues and Practical Solutions

This article explains how to set up Tailwind CSS in a Next.js project, addresses dynamic class name problems, class‑priority conflicts, and provides solutions using tailwind‑merge, clsx, and class‑variance‑authority, along with useful tools and VSCode extensions for smoother development.

Next.jsReActTailwind CSS

0 likes · 15 min read

Handling Tailwind CSS in Next.js: Common Issues and Practical Solutions