JSPM

Found 105 results for clsx

classix

The fastest and tiniest utility for conditionally joining classNames.

  • v2.2.4
  • 74.09
  • Published

vite-plugin-sass-dts

A plugin that automatically creates a type file when using the css module type-safely.

  • v1.3.34
  • 70.12
  • Published

babel-plugin-optimize-clsx

Babel plugin to optimize the use of clsx, classnames, and all libraries with a compatible API

  • v2.6.2
  • 68.74
  • Published

mxcn

Utility function to use both `clsx` and `tailwind-merge` in one go. Where class merging becomes a seamless dance, leaving style conflicts in the dust!

  • v2.0.0
  • 49.51
  • Published

onno

[![Bundle Size](https://img.shields.io/bundlephobia/minzip/onno?style=flat-square&logo=npm&logoColor=FFF&label=size&color=4C8)][onno-bundlephobia] [![Code Coverage](https://img.shields.io/codecov/c/gh/wagerfield/onno?style=flat-square&logo=codecov&logoCol

  • v2.2.0
  • 49.40
  • Published

@sglara/cn

A utility function that combines the power of `clsx` and `tailwind-merge` for seamless management of Tailwind CSS class names.

  • v1.0.0
  • 44.78
  • Published

twsx

A combination of Tailwind-Merge and CLSX

  • v0.1.0
  • 43.77
  • Published

scn

Simple classnames utility function that is tiny and fast (75 bytes)

  • v1.0.19
  • 35.43
  • Published

tagged-classnames-free

Free to use tagged classnames, powered by clsx and tailwind-merge.

  • v0.1.1
  • 35.41
  • Published

slsx

A tiny utility for constructing React Native styles conditionally

  • v0.0.3
  • 35.35
  • Published

tailwind-classify

A lightweight utility function to merge and conditionally join class names.

  • v0.1.0
  • 34.47
  • Published

tailwind-cn

Wrapper to combine tailwind classes

  • v1.0.2
  • 34.41
  • Published

ts-clsx

Rewrite clsx in TypeScript.

  • v2.4.1
  • 33.95
  • Published

@nberlette/clsx

Type-safe utility for constructing conditional class names in TypeScript or JavaScript.

  • v0.3.1
  • 33.67
  • Published

@wds-utils/cn

create new react vite app with shadcn ui and tailwind css install the shadcn components and add base folders and files

  • v0.0.2
  • 30.45
  • Published

easy-tailwind

An easier way of writing Tailwind classes.

  • v1.1.0
  • 30.12
  • Published

clsxov

clsx + twMerge

  • v2.0.0
  • 29.06
  • Published

joinclass

Join and convert list class (Remade)

  • v1.1.0
  • 28.69
  • Published

@meltdownjs/cn

`@meltdownjs/cn` is a utility function for combining multiple CSS class names into a single string while also resolving any conflicting classes.

  • v1.2.1
  • 28.40
  • Published

reclsx

Dynamically classnames in React

  • v1.1.0
  • 27.63
  • Published

@_apparatus_/css-tools

A small set of tools to deal with different aspects of CSS.

  • v1.0.2
  • 27.40
  • Published

vue-class-clsx

> A plugin that supports writing class modules in vuejs quickly and easily similar to classname and clsx for reactjs

  • v0.1.3
  • 26.99
  • Published

@helal_aytah/classname_builder

Headless, zero-dependency TypeScript className builder for the web. Accepts strings, nested arrays and conditional object maps, preserves insertion order and returns a deduplicated space-separated class string. Exports both ESM and CJS builds.

    • v1.0.14
    • 26.97
    • Published

    tw-combine

    A utility function that combines clsx and tailwind-merge for optimal Tailwind CSS class merging

    • v1.0.0
    • 26.39
    • Published

    tw-classnames

    A lightweight utility function that simplifies the process of merging Tailwind Classes.

    • v1.0.6
    • 26.36
    • Published

    tw-clsx

    tailwindcss clsx

    • v1.0.0
    • 23.40
    • Published

    boteasy-dom

    This document is inspired by React, React-router, jQuery and styled-components, the aim is to have a merge of everything good in one documentation.

    • v1.2.8
    • 23.34
    • Published

    @clutchd/twx

    Combining the powers of @clutchd/clsx and tailwind-merge.

    • v5.0.0
    • 23.23
    • Published

    rf-lib-test

    react forms library

      • v2.1.0
      • 22.49
      • Published

      classname-merge

      `cn` function - merge class names using clsx and tailwind-merge

      • v0.0.2
      • 21.92
      • Published

      kurasu

      A Higher Order Component (HOC) for adding classes to React Components and Dom Elements. Excellent for use with css utility libraries such as tailwind.

      • v3.0.3
      • 21.53
      • Published

      tailwind-clsx

      Utility function for conditionally joining and merging Tailwind CSS classes without style conflicts.

        • v4.0.8
        • 21.08
        • Published

        twg

        A utility function for grouping TailwindCSS variants.

        • v6.0.2
        • 20.98
        • Published

        @destacks/tc

        Hassle-Free Merging & Sorting of Tailwind Classes

        • v0.6.0
        • 20.50
        • Published

        @01works/tw

        TailwindCSS 유틸리티 패키지

          • v0.0.2
          • 19.77
          • Published

          @wds-react/cn

          create new react vite app with shadcn ui and tailwind css install the shadcn components and add base folders and files

          • v0.0.1
          • 19.59
          • Published

          merge-class

          Merge-class effortlessly creates and combines className strings without style conflicts.

          • v2.0.0
          • 19.06
          • Published

          cn-utility

          This function combines classes using clsx, then merges them using twMerge to handle any conflicting Tailwind classes.

          • v1.0.1
          • 18.75
          • Published

          twindmerge

          Merge the list of tailwind classes

          • v1.2.6
          • 18.40
          • Published

          react-clsx

          Dynamically classnames in React

          • v1.1.2
          • 18.31
          • Published

          @cxa/twx

          clsx + tailwind-merge

          • v0.1.1
          • 18.22
          • Published

          @montflow/stlx

          tailwind-merge + clsx wrapper

            • v0.0.1
            • 17.82
            • Published

            clsx-dedupe

            A light wrapper around clsx for deduping

            • v0.0.8
            • 16.96
            • Published

            tailwind-multi-class

            Package to write tailwind css classes in multiline format with support for css variants as object keys

            • v1.0.13
            • 16.85
            • Published

            @reframework/classnames

            A tiny JS utility for conditionally joining classNames together.

            • v1.0.3
            • 16.82
            • Published

            alpinejs-twmerge

            Minimal AlpineJS wrapper for twMerge and clsx. magic and directive for Alpine.js

            • v1.0.1
            • 16.81
            • Published

            classigo

            Ultra-optimized class name utility for CSS Modules. 52M ops/sec performance, TypeScript support, standalone.

            • v1.0.1
            • 16.61
            • Published

            light-classnames

            A light implementation of the classnames/clsx packages with typescript support

            • v1.0.1
            • 16.49
            • Published

            nozbe

            MIT

            • v1.4.0
            • 16.06
            • Published

            str-merge

            String utilities and conflict conditionals (includes tailwind-merge).

            • v1.0.6
            • 15.58
            • Published

            @genesisx/design-system

            Design-System is a powerful tool that helps you setup your own custom UI library and design system for your projects.

            • v3.0.0-beta0.5
            • 14.55
            • Published

            react-super-forms-library

            React Super Forms allow you to create forms elements like text input, phone number input, text-area box , radio input , checkbox input box etcetera elements with basic styling, just with minimal configurations so you can focus on the task that is more imp

            • v1.0.0
            • 14.50
            • Published

            @mui-ext/core

            Material UI (mui) extend library

            • v0.0.11
            • 12.64
            • Published

            nextapp-with-shadcn

            A custom setup for Next.js projects with additional tools

              • v1.0.0
              • 12.43
              • Published

              babel-plugin-clsx

              Add `clsx()` automatically to `className` in `React` and support `Typescript`.

              • v0.3.5
              • 12.09
              • Published

              css-mixer

              Minimal CSS class & id joiner written in TypeScript.

              • v0.2.2
              • 11.41
              • Published

              mashtools

              A simple and extendable Node.js utility library.

                • v1.0.1
                • 10.91
                • Published

                cnif

                Utility library to do if conditionals, better used with clsx and twMerge

                  • v1.0.3
                  • 10.25
                  • Published

                  preact-auto-clsx

                  主要解决再vite和webpack中className省略clsx,可以像Vue一样去编写样式

                  • v2.2.18
                  • 10.08
                  • Published

                  clsx-merge

                  A utility that combines clsx and tailwind-merge for efficient Tailwind CSS class handling

                  • v1.0.2
                  • 9.80
                  • Published

                  cntw

                  A simple JavaScript utility for conditionally joining Tailwind CSS classes together.

                  • v1.0.1
                  • 9.80
                  • Published

                  cxu

                  a fast and tiny classnames utility

                  • v0.0.2
                  • 9.78
                  • Published

                  classfix

                  Transform a string object into a clean string to make the className more orderly.

                  • v1.0.2
                  • 8.68
                  • Published

                  twva

                  Tailwind Variant Authority: Variants for Tailwind that incorporate clsx and twMerge which are are composable, intuitive and grow organically. Handles mixed variants like colors, sizes and states with ease compared to class-variance-authority. Incorporates

                    • v0.1.1
                    • 8.09
                    • Published

                    bemt

                    Utility for building BEM-syntax class names

                    • v1.0.4
                    • 8.09
                    • Published

                    @mskelton/cls

                    clsx + tailwind-merge

                      • v1.1.0
                      • 8.09
                      • Published

                      @fayeznazzal/tw

                      Simple conditional TailwindCSS class utility with built in tailwind merge support, it's tiny, and fast!

                      • v1.0.19
                      • 7.98
                      • Published

                      tail-cn

                      Simple conditional TailwindCSS class utility with built in tailwind merge support, it's tiny, and fast!

                      • v1.1.1
                      • 7.85
                      • Published

                      @nhui/cn

                      Utililty for combining tailwind classes using clsx and tailwind-merge

                      • v0.1.0
                      • 7.63
                      • Published

                      acvx

                      Tiny library to deal with class names

                      • v1.3.0
                      • 7.09
                      • Published

                      tailbreeze

                      Improves TailwindCSS className readability, re-usability, and organization.

                        • v0.2.0
                        • 6.68
                        • Published

                        clsify

                        A lightweight, flexible utility for building and managing dynamic CSS class names in JavaScript.

                        • v1.2.0
                        • 6.68
                        • Published

                        alias-classname

                        Create aliases for class names composition

                        • v0.4.1
                        • 5.74
                        • Published

                        super-tailwind-merge

                        Utility function to effectively merge tailwindcss in a readable format

                        • v0.0.1
                        • 5.58
                        • Published

                        tw-can

                        TailwindCSS class canning utility for merging and conditional className strings.

                        • v0.0.1
                        • 5.58
                        • Published

                        vite-plugin-sass-dts-plus

                        A plugin that automatically creates a type file when using the css module type-safely.

                        • v1.3.7
                        • 5.57
                        • Published

                        @shxlab/ui-utils

                        Tiny utility functions for UI development: cn() for smart Tailwind CSS class merging and more

                        • v0.1.0
                        • 5.57
                        • Published

                        cncn

                        Resolve multiple and dynamic class names.

                          • v1.0.4
                          • 5.57
                          • Published

                          utils-cn

                          A utility function to conditionally join and merge Tailwind CSS classes efficiently.

                          • v1.0.2
                          • 5.57
                          • Published

                          m1sty-classname

                          An utility for constructing classname string by passing mixed type of arguments

                          • v1.2.0
                          • 4.27
                          • Published

                          tailwind-resp

                          Dynamically handle responsive breakpoints in TailwindCSS classes

                          • v1.0.0
                          • 4.25
                          • Published

                          rn-classes

                          Utility function to wrap around a StyleSheet.create in react-native and get a function to merge the objects. Differently from other packages it provides cascading and a good typing support.

                          • v0.0.6
                          • 4.21
                          • Published

                          flixburst-tailwind

                          A flexible and extensible package for tailwind utilities

                            • v1.0.2
                            • 2.49
                            • Published

                            tmox-react

                            A tiny utility to merge Tailwind CSS class names safely using clsx and tailwind-merge.

                            • v1.0.1
                            • 0.00
                            • Published

                            rclsx

                            Javascript objects for responsive utility classes.

                            • v2.0.0
                            • 0.00
                            • Published