Nayan UI

Reusable Component Libraries for React and React Native.

---

Packages

Package	Version	Description
@nayan-ui/react		React component library built on HeroUI + Tailwind CSS v4
@nayan-ui/native		React Native component library built on HeroUI Native + Uniwind
@nayan-ui/cli		CLI for project scaffolding, sitemap & robots.txt generation

Examples

Example	Description
examples/vite	React + Vite + Tailwind CSS v4 + @nayan-ui/react
examples/nextjs	Next.js + Tailwind CSS v4 + @nayan-ui/react
examples/expo	Expo + Uniwind + @nayan-ui/native
examples/games	Expo + react-native-games

Quick Start

React (Vite)

npx @nayan-ui/cli new my-app -t vite
cd my-app
npm install
npm run dev

React (Next.js)

npx create-next-app@latest my-app
cd my-app
npm install @nayan-ui/react
npm install -D @tailwindcss/postcss tailwindcss
npm run dev

See examples/nextjs for full setup with transpilePackages and @tailwindcss/postcss.

React Native (Expo)

npx @nayan-ui/cli new my-app -t expo
cd my-app
npm install
npx expo start

Games (Expo)

npx @nayan-ui/cli new my-app -t games
cd my-app
npm install
npx expo start

Monorepo Setup

This is a Yarn 4 monorepo.

# Enable corepack (ships with Node.js 18+)
corepack enable

# Install dependencies
yarn install

# Development
yarn react:dev       # Watch-build the React package
yarn website:dev     # Run the docs website (localhost:3001)
yarn native:build    # Build the Native package

# Production
yarn react:build     # Build the React package
yarn website:build   # Build the docs website
yarn native:build    # Build the Native package

Documentation

For detailed documentation, component APIs, examples, and guides, visit www.nayanui.com

Contributing

We welcome contributions! See the contribution guide to learn how to contribute to the repository and development workflow.

License

MIT