uikki 1.0.1 → 1.0.4
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 +61 -38
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,38 +1,61 @@
|
|
|
1
|
-
# Uikki✦Uikki CLI 🐒
|
|
2
|
-
|
|
3
|
-
The official CLI tool for **[Uikki✦Uikki](https://
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
-
|
|
1
|
+
# Uikki✦Uikki CLI 🐒
|
|
2
|
+
|
|
3
|
+
The official CLI tool for **[Uikki✦Uikki](https://uikki.vercel.app)**, a Zero-dependency React UI Component Gallery.
|
|
4
|
+
|
|
5
|
+
## 🚀 What is Uikki?
|
|
6
|
+
|
|
7
|
+
Uikki is a collection of beautiful, pre-built React components inspired by the philosophy of `shadcn/ui`. Instead of installing a heavy npm package and using components as a black box, Uikki CLI allows you to **fetch the raw component source code** directly into your project's `src/components/...` directory.
|
|
8
|
+
|
|
9
|
+
You get total control over the code, allowing you to customize it exactly how you want it!
|
|
10
|
+
|
|
11
|
+
## ⚡ Quick Start
|
|
12
|
+
|
|
13
|
+
Run the following command in your React/Tailwind project to add a component:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npx uikki add <component-name>
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
**Example:**
|
|
20
|
+
```bash
|
|
21
|
+
npx uikki add button
|
|
22
|
+
npx uikki add drawer
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
The CLI will automatically download the component from the Uikki GitHub repository and save it to your `src/components/ui/` folder.
|
|
26
|
+
|
|
27
|
+
## 🎮 Live Demo & Component Playground
|
|
28
|
+
|
|
29
|
+
You don't need to install anything to see what Uikki can do!
|
|
30
|
+
Visit our live gallery to test components, tweak their props in real-time, and copy the code:
|
|
31
|
+
|
|
32
|
+
👉 **[Live Demo & Playground](https://uikki.vercel.app)** 👈
|
|
33
|
+
|
|
34
|
+
## 📦 Available Components
|
|
35
|
+
|
|
36
|
+
Currently, the following components are available to fetch via CLI. You can see how each of them looks and behaves on our live website.
|
|
37
|
+
|
|
38
|
+
- `accordion`
|
|
39
|
+
- `avatar`
|
|
40
|
+
- `badge`
|
|
41
|
+
- `button`
|
|
42
|
+
- `card`
|
|
43
|
+
- `drawer`
|
|
44
|
+
- `input`
|
|
45
|
+
- `list`
|
|
46
|
+
- `modal`
|
|
47
|
+
- `progress`
|
|
48
|
+
- `tabs`
|
|
49
|
+
- `toast`
|
|
50
|
+
- `toggle`
|
|
51
|
+
- `tooltip`
|
|
52
|
+
|
|
53
|
+
## 🎨 Features
|
|
54
|
+
|
|
55
|
+
- **Zero-dependency:** Animations and logic are built using pure React state and Tailwind CSS. No Framer Motion, no heavy dependencies!
|
|
56
|
+
- **Dark Mode Ready:** All components include Tailwind v4 `dark:` variants out of the box.
|
|
57
|
+
- **Copy & Paste Philosophy:** The code belongs to you. Tweak styles, add logic, and make it yours.
|
|
58
|
+
|
|
59
|
+
## 🔗 Links
|
|
60
|
+
|
|
61
|
+
- **GitHub Repository:** [dmswl6310/Uikki-uikki](https://github.com/dmswl6310/Uikki-uikki)
|