JSPM

Found 102 results for clsx

babel-plugin-optimize-clsx

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

  • v2.6.2
  • 69.40
  • Published

vite-plugin-sass-dts

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

  • v1.3.31
  • 66.79
  • Published

classix

The fastest and tiniest utility for conditionally joining classNames.

  • v2.2.2
  • 57.92
  • 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
  • 52.40
  • 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
  • 48.29
  • 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
  • 43.77
  • 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
    • 40.51
    • Published

    tailwind-cn

    Wrapper to combine tailwind classes

    • v1.0.2
    • 37.67
    • Published

    twsx

    A combination of Tailwind-Merge and CLSX

    • v0.1.0
    • 37.35
    • Published

    slsx

    A tiny utility for constructing React Native styles conditionally

    • v0.0.3
    • 35.17
    • Published

    tailwind-classify

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

    • v0.1.0
    • 34.72
    • Published

    tagged-classnames-free

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

    • v0.1.1
    • 34.07
    • Published

    clsxov

    clsx + twMerge

    • v2.0.0
    • 32.95
    • Published

    @nberlette/clsx

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

    • v0.3.1
    • 32.56
    • Published

    clsx-dedupe

    A light wrapper around clsx for deduping

    • v0.0.8
    • 30.46
    • 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.33
    • 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.56
    • Published

    tw-classnames

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

    • v1.0.6
    • 25.35
    • Published

    tw-clsx

    tailwindcss clsx

    • v1.0.0
    • 24.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
    • 24.74
    • Published

    easy-tailwind

    An easier way of writing Tailwind classes.

    • v1.1.0
    • 24.55
    • 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
    • 22.92
    • Published

    twg

    A utility function for grouping TailwindCSS variants.

    • v6.0.2
    • 22.35
    • Published

    reclsx

    Dynamically classnames in React

    • v1.1.0
    • 21.87
    • Published

    scn

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

    • v1.0.19
    • 19.93
    • Published

    babel-plugin-clsx

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

    • v0.3.5
    • 19.07
    • Published

    twindmerge

    Merge the list of tailwind classes

    • v1.2.6
    • 18.82
    • Published

    light-classnames

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

    • v1.0.1
    • 18.50
    • Published

    cncn

    Resolve multiple and dynamic class names.

      • v1.0.4
      • 18.01
      • Published

      joinclass

      Join and convert list class (Remade)

      • v1.0.0
      • 17.91
      • Published

      @montflow/stlx

      tailwind-merge + clsx wrapper

        • v0.0.1
        • 17.67
        • Published

        cn-utility

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

        • v1.0.1
        • 17.47
        • Published

        ts-clsx

        Rewrite clsx in TypeScript.

        • v2.4.1
        • 17.02
        • Published

        classname-merge

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

        • v0.0.2
        • 16.72
        • Published

        preact-auto-clsx

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

        • v2.2.18
        • 16.14
        • Published

        tailwind-clsx

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

          • v4.0.8
          • 16.07
          • Published

          @mui-ext/core

          Material UI (mui) extend library

          • v0.0.11
          • 15.31
          • 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.88
          • Published

          @clutchd/twx

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

          • v5.0.0
          • 14.85
          • Published

          alpinejs-twmerge

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

          • v1.0.1
          • 14.75
          • Published

          str-merge

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

          • v1.0.6
          • 14.22
          • Published

          rf-lib-test

          react forms library

            • v2.1.0
            • 13.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
            • 10.86
            • Published

            nextapp-with-shadcn

            A custom setup for Next.js projects with additional tools

              • v1.0.0
              • 10.53
              • Published

              css-mixer

              Minimal CSS class & id joiner written in TypeScript.

              • v0.2.2
              • 10.38
              • Published

              tail-cn

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

              • v1.1.1
              • 10.13
              • Published

              merge-class

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

              • v2.0.0
              • 9.76
              • Published

              react-clsx

              Dynamically classnames in React

              • v1.1.2
              • 9.72
              • Published

              @01works/tw

              TailwindCSS 유틸리티 패키지

                • v0.0.2
                • 9.46
                • Published

                cxu

                a fast and tiny classnames utility

                • v0.0.2
                • 9.12
                • Published

                tailbreeze

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

                  • v0.2.0
                  • 9.12
                  • 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
                  • 9.07
                  • Published

                  nozbe

                  MIT

                  • v1.4.0
                  • 8.96
                  • 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.96
                    • Published

                    @mskelton/cls

                    clsx + tailwind-merge

                      • v1.1.0
                      • 8.26
                      • Published

                      cnif

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

                        • v1.0.3
                        • 8.08
                        • 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
                        • 7.74
                        • Published

                        utils-cn

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

                        • v1.0.2
                        • 7.59
                        • Published

                        clsx-merge

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

                        • v1.0.2
                        • 7.56
                        • Published

                        tw-can

                        TailwindCSS class canning utility for merging and conditional className strings.

                        • v0.0.1
                        • 7.56
                        • Published

                        @destacks/tc

                        Hassle-Free Merging & Sorting of Tailwind Classes

                        • v0.6.0
                        • 6.63
                        • 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
                        • 5.55
                        • 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
                        • 5.53
                        • Published

                        rclsx

                        Javascript objects for responsive utility classes.

                        • v2.0.0
                        • 5.53
                        • Published

                        mashtools

                        A simple and extendable Node.js utility library.

                          • v1.0.1
                          • 5.53
                          • Published

                          acvx

                          Tiny library to deal with class names

                          • v1.3.0
                          • 4.57
                          • Published

                          @fayeznazzal/tw

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

                          • v1.0.19
                          • 4.47
                          • Published

                          alias-classname

                          Create aliases for class names composition

                          • v0.4.1
                          • 4.36
                          • Published

                          m1sty-classname

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

                          • v1.2.0
                          • 4.28
                          • Published

                          @shxlab/ui-utils

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

                          • v0.1.0
                          • 4.20
                          • Published

                          clsify

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

                          • v1.2.0
                          • 4.20
                          • Published

                          @cxa/twx

                          clsx + tailwind-merge

                          • v0.1.1
                          • 4.19
                          • Published

                          super-tailwind-merge

                          Utility function to effectively merge tailwindcss in a readable format

                          • v0.0.1
                          • 4.18
                          • Published

                          bemt

                          Utility for building BEM-syntax class names

                          • v1.0.4
                          • 2.67
                          • Published

                          tailwind-resp

                          Dynamically handle responsive breakpoints in TailwindCSS classes

                          • v1.0.0
                          • 2.45
                          • Published

                          @nhui/cn

                          Utililty for combining tailwind classes using clsx and tailwind-merge

                          • v0.1.0
                          • 2.45
                          • Published

                          cntw

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

                          • v1.0.1
                          • 2.45
                          • Published

                          vite-plugin-sass-dts-plus

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

                          • v1.3.7
                          • 0.00
                          • Published

                          flixburst-tailwind

                          A flexible and extensible package for tailwind utilities

                            • v1.0.2
                            • 0.00
                            • Published

                            classfix

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

                            • v1.0.2
                            • 0.00
                            • Published