prism-rn

A copy-paste React Native component library with a multi-theme engine.

Features

• Multi-theme system — Switch between 4 themes: default (Apple-inspired), obsidian (dark glowy), neon (bold), stone (warm earthy)
• Copy-paste model — Components copied directly into your project, you own the code
• 10 components — Button, Input, Card, Badge, Avatar, Skeleton, Toast, Modal, Tabs, Select
• Animated — Smooth press animations with Reanimated
• Accessible — ARIA roles and states built-in

Quick Start

# Initialize in your project
npx prism-rn init

# Add components
npx prism-rn add button
npx prism-rn add input
npx prism-rn add card

# List all components
npx prism-rn list

Usage

import { PrismProvider } from './components/ui/prism-provider'
import { Button } from './components/ui/button'
import { Input } from './components/ui/input'

export default function App() {
  return (
    <PrismProvider>
      <Button variant="solid">Click me</Button>
      <Input label="Email" placeholder="Enter email" />
    </PrismProvider>
  )
}

Themes

Choose from 4 built-in themes:

• default — Clean, Apple-inspired
• obsidian — Dark, glowy, premium
• neon — Bold, high contrast
• stone — Warm, organic, earthy

Available Commands

| Command | Description | |---------|-----------| | prism-rn init | Initialize in your project | | prism-rn add <component> | Add a component | | prism-rn list | List all components | | prism-rn theme <name> | Switch theme |

Dependencies

After init, these packages are installed:

• nativewind
• tailwindcss
• react-native-reanimated
• react-native-safe-area-context

License

MIT