# Pittaya UI

> Pittaya UI is a fully open-source UI component library for React, built with TypeScript, Tailwind CSS, and Radix UI primitives. It provides production-ready, accessible, and highly customizable components designed to scale with your ideas. Components are composable, responsive, and follow modern design patterns with smooth animations and glassmorphism effects.

## Docs

- [Introduction](https://ui.pittaya.org/docs/introduction): Overview of Pittaya UI, its core principles, tech stack, and what makes it unique.
- [Installation](https://ui.pittaya.org/docs/installation): Step-by-step guide to install and set up Pittaya UI in your project.
- [llms.txt](https://ui.pittaya.org/llms.txt): 
- [Components](https://ui.pittaya.org/docs/components): Browse all available components.

## Components

### Actions

- [Button](https://ui.pittaya.org/docs/components/button): Displays a button or a component that looks like a button.
- [Copy Button](https://ui.pittaya.org/docs/components/copy-button): Displays a copy button that copies the text to the clipboard when clicked.

### Forms

- [Checkbox](https://ui.pittaya.org/docs/components/checkbox): An accessible checkbox with optional animation variant.
- [Input](https://ui.pittaya.org/docs/components/input): A versatile input field with multiple variants including floating labels and outlined styles.
- [Label](https://ui.pittaya.org/docs/components/label): An accessible label component that renders a caption associated with a control.
- [Multi-Select](https://ui.pittaya.org/docs/components/multi-select): A searchable multi-select component with badges for displaying selected items.
- [Radio Group](https://ui.pittaya.org/docs/components/radio-group): A set of checkable buttons—known as radio buttons—where no more than one can be checked at a time.
- [Select](https://ui.pittaya.org/docs/components/select): An accessible dropdown select component for choosing a single option from a list of choices.
- [Switch](https://ui.pittaya.org/docs/components/switch): A toggle switch component with glassmorphism variant and customizable glow effects.
- [Textarea](https://ui.pittaya.org/docs/components/textarea): A flexible textarea for multi-line text input, with examples including expanding and scrollable variants.

### Navigation

- [Command](https://ui.pittaya.org/docs/components/command): A fast command menu and search interface.
- [Tabs](https://ui.pittaya.org/docs/components/tabs): A set of layered sections of content—known as tab panels—that are displayed one at a time.

### Overlays

- [Popover](https://ui.pittaya.org/docs/components/popover): A floating content container positioned relative to a trigger.
- [Tooltip](https://ui.pittaya.org/docs/components/tooltip): Contextual hint overlay with animated variants for delightful UX.

### Feedback

- [Progress](https://ui.pittaya.org/docs/components/progress): Displays an indicator showing the completion progress of a task or operation.
- [Skeleton](https://ui.pittaya.org/docs/components/skeleton): A placeholder component that displays a visual representation of loading content with customizable animation variants.

### Components

- [Announcement Badge](https://ui.pittaya.org/docs/components/announcement-badge): Displays a badge with an icon and a title.
- [Avatar](https://ui.pittaya.org/docs/components/avatar): Displays a user avatar with image, fallback, and group support.
- [Badge](https://ui.pittaya.org/docs/components/badge): Displays a badge for status, labels, or metadata.
- [Card](https://ui.pittaya.org/docs/components/card): Displays a card with a title, description, content and footer.
- [Carousel](https://ui.pittaya.org/docs/components/carousel): Displays a carousel of images or content.
- [Orbit images](https://ui.pittaya.org/docs/components/orbit-images): Displays a set of images in an orbiting motion.

### Documentation

- [Installation Section](https://ui.pittaya.org/docs/components/installation-section): Displays installation instructions with code snippets.