@bitcurve/reactor-tw-shadcn

TailwindCSS preset that includes theme and plugin definitions to effectively install shadcn/ui as documented in https://ui.shadcn.com/docs/installation.

This preset takes care of adding the community tailwindcss-animate plugin as required by shadcn/ui. Ensure that it is installed as a dev dependency in your project per the installation steps below.

Installation

Install the tailwindcss-animate package as a dev dependency because it is a required peer dependency:

pnpm add -D tailwindcss-animate

Install this package as a dev dependency:

pnpm add -D @bitcurve/reactor-tw-shadcn

Import the preset and add it to the presets array in your project's taiwind config e.g. tailwind.config.ts:

import { shadcnPreset } from '@bitcurve/reactor-tw-shadcn'

const tailwindConfig = {
  // ...
  presets: [shadcnPreset],
  // ...
}

export default tailwindConfig

In case your project has multiple presets tailwindcss will intelligently merge them per the order of the presets array.

Conflicting values of subsequent (later) presets will override those of previous presets.

Any conflicting values defined in a theme of a tailwind config will in turn override those of any presets.

License

MIT (c) Bitcurve Systems Inc. (Canada)

Authored by Kevin Firko on behalf of Bitcurve Systems Inc.