@kevinjosec/typekit

Reusable, accessible typography components for React, built with Tailwind CSS.

This package provides a set of opinionated typography primitives such as Headings, Paragraphs, Labels, and more — designed to be composable and easy to integrate into any React + Tailwind project.

✨ Features

• ⚛️ React components
• 🎨 Tailwind CSS utility-based styling
• 🧩 Fully typed with TypeScript
• 📦 Tree-shakable ES & CJS builds
• 🧱 Designed as typography primitives (easy to extend)

📦 Installation

Using npm:

npm install @kevinjosec/typekit

Using yarn:

yarn add @kevinjosec/typekit

🚀 Example Usage

import { Heading, Paragraph } from "@kevinjosec/typekit";

export default function Example() {
  return (
    <div className="space-y-4">
      <Heading>Welcome</Heading>
      <Paragraph>
        This is a reusable typography component.
      </Paragraph>
    </div>
  );
}

🧱 Available Components

• Heading
• Title
• Subtitle
• Subheading
• Paragraph
• Lead
• Caption
• Label
• Overline
• ButtonText