@99darwin/tw-essentials NPM

@99darwin/tw-essentials

Essential Tailwind components for React - because writing components twice is once too many.

Installation

npm install @99darwin/tw-essentials
# or
yarn add @99darwin/tw-essentials
# or
pnpm add @99darwin/tw-essentials

Usage

import { Alert, AlertTitle, AlertDescription } from '@99darwin/tw-essentials'

function App() {
  return (
    <Alert variant="warning">
      <AlertTitle>Warning</AlertTitle>
      <AlertDescription>
        This is a warning message.
      </AlertDescription>
    </Alert>
  )
}

Features

🎨 Built with React and TypeScript
🎯 Styled with Tailwind CSS
♿ Accessible components using Radix UI
🎭 Fully customizable
🌙 Dark mode support
⚡ Zero runtime overhead
🌳 Tree-shakeable

Why @99darwin/tw-essentials?

Tired of rewriting the same Tailwind components over and over? We've got you covered with the essential components you need. This library provides a collection of pre-built, accessible, and customizable components that you can drop into your projects and start using immediately.

Requirements

React 18 or higher
Tailwind CSS

License

ISC