Open SourceFree Forever

Build BeautifulReact & React NativeComponents

A comprehensive component library with 50+ production-ready, accessible, and customizable UI components for web and mobile.

50+ ComponentsTypeScriptThemeableMIT Licensed
nayanui.com/react/components
BadgeChipTagStatus
Component Library65%
Building amazing components...
TypeScriptThemingFastAccessibleCross-Platform

Why Nayan UI?

Everything you need to build polished React and React Native apps — open source and free forever.

Cross-Platform

Separate packages for React web and React Native mobile, sharing a consistent API and design language.

TypeScript First

Written in TypeScript with full type definitions. Get autocompletion and type safety out of the box.

Accessible

Built on HeroUI with proper ARIA attributes, keyboard navigation, and screen reader support.

Themeable

CSS variable based theming with light and dark mode. Customize colors, spacing, and typography to match your brand.

Dark Mode

First-class dark mode support. Toggle themes with a single prop using the built-in NTheme provider.

Customizable

Every component accepts className props for styling overrides. Works with Tailwind CSS utility classes.

Lightweight

Tree-shakable exports so you only ship the components you use. Minimal dependencies for fast load times.

Well Documented

Interactive demos, prop tables, and code examples for every component. Copy-paste ready usage snippets.

50+ Components

Buttons, inputs, modals, tables, accordions, sheets, toasts, menus, popovers, sliders, and many more.

Showcase

Comprehensive Component Library

Discover our extensive collection of components designed for modern React and React Native development. Crafted with performance, accessibility, and developer experience in mind.

Developer Experience

TypeScript support, comprehensive documentation, and intuitive APIs.

Cross-Platform

Same components work seamlessly across web and mobile platforms.

Accessibility First

WCAG compliant with proper ARIA attributes and keyboard navigation.

Performance Optimized

Tree-shakable, lightweight components optimized for production use.

React
+
React Native

Two Libraries, One Design Language

Separate packages for React and React Native — each optimized for its platform, sharing a consistent API and design language.

50+
Components
100%
Accessible
TS
TypeScript
Fast
Lightweight
Ready to Start

Choose Your Platform

Whether you're building for web or mobile, our component library provides everything you need to create beautiful, accessible, and performant applications.

50+ ComponentsTypeScript SupportReact & React NativeProduction Ready

React Development

Build modern web applications with 30+ React components powered by HeroUI and Tailwind CSS.

React Native Development

Create native mobile apps with 30+ React Native components powered by HeroUI Native.

Get Started in Minutes

Install with a single command and start building immediately.

npm install @nayan-ui/react

Ready to elevate your development experience?

Let's build something amazing together!