Utils

scificn/utils

FreeUtility

The cn() utility combining clsx and tailwind-merge.

Live preview

live · rendered by the registry

Rendered by scificn on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://www.scificn.dev/r/utils.json

Source

lib/utils.tswww.scificn.dev/r/utils.json

1import { clsx, type ClassValue } from 'clsx'
2import { twMerge } from 'tailwind-merge'
3 
4export function cn(...inputs: ClassValue[]): string {
5  return twMerge(clsx(inputs))
6}

What it pulls in

npm packages

clsx
tailwind-merge