JSPM

Found 102 results for clsx

@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.66
  • Published

tw-classnames

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

  • v1.0.6
  • 25.41
  • 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.66
  • Published

tw-clsx

tailwindcss clsx

  • v1.0.0
  • 24.51
  • Published

easy-tailwind

An easier way of writing Tailwind classes.

  • v1.1.0
  • 24.36
  • 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.93
  • Published

twg

A utility function for grouping TailwindCSS variants.

  • v6.0.2
  • 22.24
  • Published

reclsx

Dynamically classnames in React

  • v1.1.0
  • 21.80
  • Published

scn

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

  • v1.0.19
  • 19.97
  • Published

babel-plugin-clsx

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

  • v0.3.5
  • 19.11
  • Published

twindmerge

Merge the list of tailwind classes

  • v1.2.6
  • 18.72
  • Published

light-classnames

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

  • v1.0.1
  • 18.56
  • Published

cncn

Resolve multiple and dynamic class names.

    • v1.0.4
    • 18.05
    • Published

    joinclass

    Join and convert list class (Remade)

    • v1.0.0
    • 17.91
    • Published

    @montflow/stlx

    tailwind-merge + clsx wrapper

      • v0.0.1
      • 17.73
      • Published

      cn-utility

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

      • v1.0.1
      • 17.38
      • Published

      ts-clsx

      Rewrite clsx in TypeScript.

      • v2.4.1
      • 16.93
      • Published

      classname-merge

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

      • v0.0.2
      • 16.78
      • Published

      tailwind-clsx

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

        • v4.0.8
        • 16.13
        • Published

        preact-auto-clsx

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

        • v2.2.18
        • 16.01
        • Published

        @mui-ext/core

        Material UI (mui) extend library

        • v0.0.11
        • 15.35
        • Published

        @clutchd/twx

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

        • v5.0.0
        • 14.88
        • 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.83
        • Published

        alpinejs-twmerge

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

        • v1.0.1
        • 14.76
        • Published

        str-merge

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

        • v1.0.6
        • 14.27
        • Published

        rf-lib-test

        react forms library

          • v2.1.0
          • 13.99
          • 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.89
          • Published

          nextapp-with-shadcn

          A custom setup for Next.js projects with additional tools

            • v1.0.0
            • 10.56
            • Published

            css-mixer

            Minimal CSS class & id joiner written in TypeScript.

            • v0.2.2
            • 10.33
            • Published

            tail-cn

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

            • v1.1.1
            • 10.05
            • Published

            merge-class

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

            • v2.0.0
            • 9.78
            • Published

            react-clsx

            Dynamically classnames in React

            • v1.1.2
            • 9.69
            • Published

            @01works/tw

            TailwindCSS 유틸리티 패키지

              • v0.0.2
              • 9.39
              • Published

              cxu

              a fast and tiny classnames utility

              • v0.0.2
              • 9.14
              • Published

              tailbreeze

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

                • v0.2.0
                • 9.14
                • 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.93
                • 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.93
                  • Published

                  @mskelton/cls

                  clsx + tailwind-merge

                    • v1.1.0
                    • 8.28
                    • Published

                    cnif

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

                      • v1.0.3
                      • 8.04
                      • 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.76
                      • Published

                      utils-cn

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

                      • v1.0.2
                      • 7.61
                      • Published

                      clsx-merge

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

                      • v1.0.2
                      • 7.55
                      • Published

                      tw-can

                      TailwindCSS class canning utility for merging and conditional className strings.

                      • v0.0.1
                      • 7.55
                      • Published

                      @destacks/tc

                      Hassle-Free Merging & Sorting of Tailwind Classes

                      • v0.6.0
                      • 6.62
                      • 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.57
                      • 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.54
                      • 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.58
                        • Published

                        @fayeznazzal/tw

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

                        • v1.0.19
                        • 4.45
                        • Published

                        alias-classname

                        Create aliases for class names composition

                        • v0.4.1
                        • 4.33
                        • Published

                        m1sty-classname

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

                        • v1.2.0
                        • 4.29
                        • Published

                        @shxlab/ui-utils

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

                        • v0.1.0
                        • 4.21
                        • Published

                        clsify

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

                        • v1.2.0
                        • 4.21
                        • 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.68
                        • 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.44
                        • Published

                        cntw

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

                        • v1.0.1
                        • 2.44
                        • 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