ra-ui 0.1.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +125 -0
  2. package/package.json +21 -5
package/README.md ADDED
@@ -0,0 +1,125 @@
1
+ # ra-ui
2
+
3
+ **Copy-paste React Native components into your project. One command. Zero dependencies.**
4
+
5
+ Like [shadcn/ui](https://ui.shadcn.com) but for React Native.
6
+
7
+ [![npm version](https://img.shields.io/npm/v/ra-ui.svg)](https://www.npmjs.com/package/ra-ui)
8
+ [![license](https://img.shields.io/npm/l/ra-ui.svg)](https://opensource.org/licenses/MIT)
9
+
10
+ **Website:** [ra-ui-rho.vercel.app](https://ra-ui-rho.vercel.app)
11
+
12
+ ---
13
+
14
+ ## Install
15
+
16
+ ```bash
17
+ # Use directly (no install needed)
18
+ npx ra-ui add button
19
+
20
+ # Or install globally
21
+ npm install -g ra-ui
22
+ ra-ui add button
23
+ ```
24
+
25
+ ## Usage
26
+
27
+ ```bash
28
+ # Add a component to your project
29
+ ra-ui add button
30
+
31
+ # Output:
32
+ # ● Added button
33
+ # └─ src/components/ui/button.tsx
34
+ # ✔ Done in 260ms
35
+ ```
36
+
37
+ Then import and use:
38
+
39
+ ```tsx
40
+ import { Button } from "./components/ui/button";
41
+
42
+ <Button title="Press me" variant="primary" onPress={() => {}} />
43
+ <Button title="Delete" variant="error" onPress={() => {}} />
44
+ <Button title="Cancel" variant="outline" onPress={() => {}} />
45
+ ```
46
+
47
+ ## Commands
48
+
49
+ | Command | Description |
50
+ |---|---|
51
+ | `ra-ui list` | Show all available components |
52
+ | `ra-ui add <name>` | Add a component to your project |
53
+ | `ra-ui remove <name>` | Remove a component |
54
+ | `ra-ui add <name> --force` | Overwrite existing file |
55
+
56
+ ## Components (20+)
57
+
58
+ | Component | Description |
59
+ |---|---|
60
+ | **button** | Pressable — primary, outline, ghost, error, success, warning + loading |
61
+ | **input** | TextInput with label, error, icons, required indicator, sizes |
62
+ | **textarea** | Multi-line input with char count, max length |
63
+ | **card** | Card with Header, Body, Footer sub-components |
64
+ | **avatar** | Image + fallback initials + AvatarGroup |
65
+ | **badge** | Status badge — default, success, warning, error, info |
66
+ | **tag** | Compact label — primary, success, error, warning, neutral |
67
+ | **chip** | Solid/outlined chip with icon, selected state |
68
+ | **selectable-chip** | Toggle chip with active/inactive state |
69
+ | **switch** | Animated toggle — primary, success, warning, error |
70
+ | **checkbox** | Checkbox with label and disabled state |
71
+ | **select** | Dropdown with modal picker |
72
+ | **alert** | Banner — info, success, warning, error, primary |
73
+ | **toast** | Notification with accent border, action, close |
74
+ | **accordion** | Collapsible with animated expand/collapse |
75
+ | **divider** | Horizontal/vertical with optional label |
76
+ | **tile** | Pressable container with subtitle |
77
+ | **stepper** | Step progress bar |
78
+ | **fab** | Floating action button |
79
+ | **icon-button** | Pressable icon wrapper |
80
+
81
+ ## Custom Output Path
82
+
83
+ By default, components are added to `src/components/ui/`. To change this, add to your `package.json`:
84
+
85
+ ```json
86
+ {
87
+ "ra-ui": {
88
+ "path": "src/components"
89
+ }
90
+ }
91
+ ```
92
+
93
+ ## Why ra-ui?
94
+
95
+ - **Zero dependencies** — Only React Native core primitives (Pressable, View, Text, StyleSheet)
96
+ - **You own the code** — Components are copied into your project, not installed as a package
97
+ - **Zero config** — No init, no setup. Just run the command
98
+ - **Blazing fast** — Served via jsDelivr CDN, installs in under 500ms
99
+ - **TypeScript** — Every component is fully typed
100
+ - **Free forever** — Open source, no rate limits, no cost
101
+
102
+ ## How It Works
103
+
104
+ ```
105
+ ra-ui add button
106
+
107
+
108
+ Fetches from GitHub via CDN
109
+
110
+
111
+ Writes button.tsx into your project
112
+
113
+
114
+ You own the code. Edit anything.
115
+ ```
116
+
117
+ ## Links
118
+
119
+ - **Website:** [ra-ui-rho.vercel.app](https://ra-ui-rho.vercel.app)
120
+ - **Registry:** [github.com/ranjeet-zet/ra-ui-registry](https://github.com/ranjeet-zet/ra-ui-registry)
121
+ - **npm:** [npmjs.com/package/ra-ui](https://www.npmjs.com/package/ra-ui)
122
+
123
+ ## License
124
+
125
+ MIT
package/package.json CHANGED
@@ -1,23 +1,39 @@
1
1
  {
2
2
  "name": "ra-ui",
3
- "version": "0.1.0",
4
- "description": "CLI to fetch and install UI components from a GitHub registry into your project",
3
+ "version": "1.0.1",
4
+ "description": "Copy-paste React Native components into your project. One command. Zero dependencies. Like shadcn/ui for React Native.",
5
5
  "type": "module",
6
6
  "bin": {
7
7
  "ra-ui": "bin/ra-ui.js"
8
8
  },
9
9
  "files": [
10
10
  "bin",
11
- "src"
11
+ "src",
12
+ "README.md"
12
13
  ],
13
14
  "keywords": [
15
+ "react-native",
14
16
  "ui",
15
17
  "components",
16
18
  "cli",
17
- "react"
19
+ "typescript",
20
+ "expo",
21
+ "shadcn",
22
+ "copy-paste",
23
+ "design-system",
24
+ "pressable",
25
+ "mobile"
18
26
  ],
19
- "author": "ranjeetkumar",
27
+ "author": "ranjeet-zet",
20
28
  "license": "MIT",
29
+ "homepage": "https://ra-ui-rho.vercel.app",
30
+ "repository": {
31
+ "type": "git",
32
+ "url": "https://github.com/ranjeet-zet/ra-ui-registry"
33
+ },
34
+ "bugs": {
35
+ "url": "https://github.com/ranjeet-zet/ra-ui-registry/issues"
36
+ },
21
37
  "engines": {
22
38
  "node": ">=18.0.0"
23
39
  },