{"library":"tailwind-variants","type":"library","category":null,"description":"tailwind-variants is a library that extends Tailwind CSS with a powerful, first-class variant API, enabling developers to define component styles based on states, sizes, and other properties. It supports features like slots, composition, compound variants, and automatic conflict resolution via `tailwind-merge`. The library is fully typed for enhanced developer experience and is framework-agnostic. Currently at version 3.2.2, it sees active development with frequent minor and patch releases, addressing bugs and introducing new utilities like `cx` and `cnMerge`. A key differentiator is its dual build approach (original with `tailwind-merge` and a lighter-weight `/lite` version without it) and its performance optimizations, offering significant speed improvements in v3.","language":"javascript","status":"active","version":"3.2.2","tags":["javascript","tailwindcss","classes","responsive","variants","styled","styles","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install tailwind-variants","imports":["import { tv } from 'tailwind-variants'","import { tv } from 'tailwind-variants/lite'","import { cn } from 'tailwind-variants'","import { cx } from 'tailwind-variants'","import { cnMerge } from 'tailwind-variants'","import type { VariantProps } from 'tailwind-variants'"]},{"cmd":"yarn add tailwind-variants","imports":[]},{"cmd":"pnpm add tailwind-variants","imports":[]}],"homepage":"https://tailwind-variants.org","github":"https://github.com/heroui-inc/tailwind-variants","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/tailwind-variants","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/tailwind-variants/compatibility"}}