Patoshi UI

Modern React UI components library built with TypeScript and Tailwind CSS.

Installation

NPM

npm install patoshi-ui

PNPM

pnpm add patoshi-ui

Yarn

yarn add patoshi-ui

Usage

import React from 'react'
import { Button, Icon, Input } from 'patoshi-ui'

function App() {
  return (
    <div>
      <Button>Click me</Button>
      <Icon name="coin" size="base" />
      <Input placeholder="Enter text" />
    </div>
  )
}

export default App

Important: The library includes CSS styles automatically, no need to import them separately.

Prerequisites

This library is built with Tailwind CSS. Make sure your project has Tailwind configured.

Available Components

• Button
• Icon
• Input
• Typography (Text, Heading)
• Card
• Checkbox
• Toggle
• Navigation
• And many more...

Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build library
npm run build

# Start Storybook
npm run storybook