🎉
Introducing Pittaya UI
Components that scale
with your ideas.
A fully open-source UI library for React, powered by TypeScript and Tailwind CSS. Fast, composable, and ready for production.
System Architecture
Why Pittaya UI ?
Forging the next generation of web interfaces. A fully open-source library built for speed, precision, and scalability.
- 23+ Production Components
A growing collection of production-ready components including Buttons, Badges, Copy Button, Installation Section, and Orbit Images. Each component is battle-tested and ready to use.
Ready to use - Interactive Previews
See components in action with live previews. Toggle between Preview and Code tabs to see both the result and the implementation in real-time.
See it before you use it - CLI Installation
Install components instantly with our CLI. Run 'npx pittaya@latest add button' and get the component, dependencies, and styles automatically configured.
One command setup - Copy & Paste Ready
Every example includes a copy button with syntax highlighting. One click to copy the complete code snippet, then paste it directly into your project.
Own your code - Accessible by Default
Built on Radix UI primitives with WCAG compliance. Full keyboard navigation, ARIA attributes, and screen reader support included in every component.
Inclusive design - TypeScript First
100% TypeScript with complete type definitions. Get IntelliSense autocomplete, prop validation, and type safety for every component and variant.
Type-safe development
Boost Your Frontend With Pittaya UI
A fully open-source UI library for React, powered by TypeScript and Tailwind CSS. Fast, composable, and ready for production.
