Skip to main content

Tailor

A library for creating styled React components with Tailwind CSS in an organized and typed way

Get Started

Simple and Powerful

Tailor lets you create reusable, type-safe components with Tailwind CSS and a clean API.


              import { craft } from '@tailor/react';

              // Create a base button
              export const StyledButton = craft("button")({
                base: "inline-flex items-center justify-center",
              });

              // Usage
              <Button>Primary</Button>

Why Choose Tailor?

Simple API

Create styled components with a clean and intuitive API. No complex configuration needed.

Tailwind Powered

Leverage the full power of Tailwind CSS with a component-based approach.

Type Safe

Built with TypeScript for better developer experience and type safety.

Getting Started

Start using Tailor in your project today. Follow our quick start guide to get up and running in minutes.

# Install Tailor
npm install @tailor/styles

# Or using yarn
yarn add @tailor/styles

# Or using pnpm
pnpm add @tailor/styles