@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