ra-ui 0.1.0 → 0.1.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.
- package/README.md +125 -0
- 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
|
+
[](https://www.npmjs.com/package/ra-ui)
|
|
8
|
+
[](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.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.1.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
|
-
"
|
|
19
|
+
"typescript",
|
|
20
|
+
"expo",
|
|
21
|
+
"shadcn",
|
|
22
|
+
"copy-paste",
|
|
23
|
+
"design-system",
|
|
24
|
+
"pressable",
|
|
25
|
+
"mobile"
|
|
18
26
|
],
|
|
19
|
-
"author": "
|
|
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
|
},
|