A shadcn-inspired UI kit with 30+ production-ready components — fully typed, zero config, and built for Expo. One command to get started.
Production-grade components built for speed. Ship real apps, not demos.
Works out of the box with Expo, TypeScript, and Tailwind. No configuration nightmares — just install and build.
Complete TypeScript support with proper type definitions. Autocomplete, type safety, and IDE integration everywhere.
A clean, modern design system inspired by shadcn/ui — adapted perfectly for React Native and Expo.
Built with accessibility in mind. Every component ships with proper ARIA roles and screen reader support.
Tailwind CSS for React Native. Use utility classes you already know — styled consistently across iOS and Android.
Scalable folder structure, best practices baked in, and 30+ battle-tested components ready for real products.
Every category covered — from form controls to navigation, overlays, and layout primitives.
One command creates your entire project with all components, config, and tooling ready to go.
Run npx prasanga-init MyApp to create a new Expo project with PrasangaKit pre-installed and configured.
Navigate into your new project and run npm install to install all required packages including Expo, NativeWind, and TypeScript.
Run npx expo start and scan the QR code with the Expo Go app. Your app is live instantly on device.
Import any component from 'prasanga-ui' and start building. Full TypeScript autocomplete included.
# Create a new PrasangaKit app
npx prasanga-init MyNewApp
# Move into the project
cd MyNewApp
# Install dependencies
npm install
# Start the dev server
npx expo start
# In your component file:
import { Button, Card, Input } from 'prasanga-ui';
Prefer cloning directly from GitHub? Clone the repo, install deps, and you're good to go.
Clean, ergonomic component APIs — intuitive for anyone who knows React.
import { Button } from 'prasanga-ui';
// Variants
<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Delete</Button>
// Sizes
<Button size="sm">Small</Button>
<Button size="md">Medium</Button>
<Button size="lg">Large</Button>
PrasangaKit is free, open source, and ready for production. Clone it, ship it, own it.