@doublecheap/open-ui 0.1.3
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.ja.md +149 -0
- package/README.md +147 -0
- package/README.zh-TW.md +149 -0
- package/dist/index.js +31 -0
- package/package.json +59 -0
package/README.ja.md
ADDED
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
[English](README.md) | **日本語** | [中文](README.zh-TW.md)
|
|
2
|
+
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# OPEN-UI
|
|
6
|
+
|
|
7
|
+
Next.js、React、Tailwind CSS、shadcn/ui スタイルで構築した UI コンポーネント。プロジェクトにコピーするか CLI で追加できます。
|
|
8
|
+
|
|
9
|
+
**プレビュー:** [aice-ui.vercel.app](https://aice-ui.vercel.app/)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
## インストールと利用
|
|
14
|
+
|
|
15
|
+
### 必要環境
|
|
16
|
+
|
|
17
|
+
- Node.js 18+
|
|
18
|
+
- pnpm 推奨
|
|
19
|
+
|
|
20
|
+
### ローカルで起動
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
git clone https://github.com/your-username/open-ui.git
|
|
24
|
+
cd open-ui
|
|
25
|
+
pnpm install
|
|
26
|
+
pnpm dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
[http://localhost:3000](http://localhost:3000) を開きます。
|
|
30
|
+
|
|
31
|
+
### 自分のプロジェクトで使う
|
|
32
|
+
|
|
33
|
+
- **コピー** — `components/ui/`、`components/background/` などから `.tsx` をアプリにコピーする。
|
|
34
|
+
- **shadcn CLI** — プロジェクトの参照先をこのリポジトリの registry にして実行：
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
pnpm run build:registry # このリポジトリで先に実行
|
|
38
|
+
pnpm dlx shadcn@latest add <component>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### CLI（グローバル）
|
|
42
|
+
|
|
43
|
+
パッケージ公開後：
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
pnpm add -g @doublecheap/open-ui
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
CLI から registry 経由でコンポーネントを追加できます。
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
## コンポーネント一覧
|
|
54
|
+
|
|
55
|
+
カテゴリ別（`lib/component-config.ts` を参照）。
|
|
56
|
+
|
|
57
|
+
### UI
|
|
58
|
+
|
|
59
|
+
| コンポーネント | 説明 |
|
|
60
|
+
|----------------|------|
|
|
61
|
+
| **リキッド・グラス** | ぼかし付きグラス面。 |
|
|
62
|
+
| **コードブロック** | シンタックスハイライトと行番号付きコードブロック。 |
|
|
63
|
+
| **コマンドライン** | 一行コード・コマンド表示とコピーボタン。複合: Provider、Addon、CopyButton。 |
|
|
64
|
+
| **ポップアップアイテム** | ポップアップアニメーションで内容を表示するコンテナ（表示時・ホバー・クリックで発火）。 |
|
|
65
|
+
|
|
66
|
+
### テキスト
|
|
67
|
+
|
|
68
|
+
| コンポーネント | 説明 |
|
|
69
|
+
|----------------|------|
|
|
70
|
+
| **グリフ片仮名** | 解碼アニメーション付きテキスト。片仮名が目標テキストへ。 |
|
|
71
|
+
| **解碼テキスト** | ホバーまたは表示時に解読されるスクランブルテキスト。 |
|
|
72
|
+
| **テキストホバー効果** | ホバー時カーソル追従のグラデーションとストローク。 |
|
|
73
|
+
| **スライドアップレター** | オプションのタイトル・説明付きスライドアップ文字。 |
|
|
74
|
+
| **アニメーションカウンター** | 表示時に開始値から目標値へアニメーションする数字。 |
|
|
75
|
+
| **タイマー** | 経過時間タイマー。開始・一時停止・リセット。表示形式を指定可能。 |
|
|
76
|
+
|
|
77
|
+
### ボタン
|
|
78
|
+
|
|
79
|
+
| コンポーネント | 説明 |
|
|
80
|
+
|----------------|------|
|
|
81
|
+
| **コピーボタン** | テキストをクリップボードにコピー。コピー後にチェック表示。 |
|
|
82
|
+
| **スクロールボタン** | ウィンドウをスクロール（上・下・左・右）。 |
|
|
83
|
+
| **テーマ切り替え** | ダーク／ライト切り替え（React、Tailwind、Motion）。 |
|
|
84
|
+
|
|
85
|
+
### カード
|
|
86
|
+
|
|
87
|
+
| コンポーネント | 説明 |
|
|
88
|
+
|----------------|------|
|
|
89
|
+
| **3Dカード** | ホバーで3D傾斜。パララックス深度。 |
|
|
90
|
+
| **3Dフリップカード** | 3D傾斜とクリックで裏表が入れ替わるフリップカード。 |
|
|
91
|
+
|
|
92
|
+
### チャート
|
|
93
|
+
|
|
94
|
+
| コンポーネント | 説明 |
|
|
95
|
+
|----------------|------|
|
|
96
|
+
| **ラダーチャート** | ラダーチャート。オプションでタイトル・説明。 |
|
|
97
|
+
| **放射状クラスター図** | 階層データのラジアルクラスター図。data prop または Item/SubItem 構成に対応。 |
|
|
98
|
+
|
|
99
|
+
### カルーセル
|
|
100
|
+
|
|
101
|
+
| コンポーネント | 説明 |
|
|
102
|
+
|----------------|------|
|
|
103
|
+
| **回転カルーセル** | 回転カルーセル。前後・ドット・オプションの中央パネル。 |
|
|
104
|
+
|
|
105
|
+
### レイアウト
|
|
106
|
+
|
|
107
|
+
| コンポーネント | 説明 |
|
|
108
|
+
|----------------|------|
|
|
109
|
+
| **ドラッググリッド** | ドラッグ可能な2Dグリッド。セルにパララックス。 |
|
|
110
|
+
| **タイムライン** | 縦型タイムライン。スティッキーな年とカード内容。 |
|
|
111
|
+
|
|
112
|
+
### ナビゲーション
|
|
113
|
+
|
|
114
|
+
| コンポーネント | 説明 |
|
|
115
|
+
|----------------|------|
|
|
116
|
+
| **スピードダイヤル** | FAB が放射状メニューに展開（Root、Trigger、Item）。 |
|
|
117
|
+
| **フローティングドック** | 下部ドック。ホバーで拡大。モバイルはメニューに折りたたみ。 |
|
|
118
|
+
|
|
119
|
+
### 背景
|
|
120
|
+
|
|
121
|
+
| コンポーネント | 説明 |
|
|
122
|
+
|----------------|------|
|
|
123
|
+
| **浮動サークル** | 浮動円形背景。オプションでタイトル・説明。 |
|
|
124
|
+
| **マトリックスコード** | マトリックス風コード。グリッチとオプションのビネット。 |
|
|
125
|
+
| **波状グリッド** | Canvas パーリンノイズ波状グリッド。マウス・タッチ操作。 |
|
|
126
|
+
| **星空背景** | Canvas 星空。星の数・きらめきを設定可能。 |
|
|
127
|
+
|
|
128
|
+
### メディア
|
|
129
|
+
|
|
130
|
+
| コンポーネント | 説明 |
|
|
131
|
+
|----------------|------|
|
|
132
|
+
| **アスキーアート** | 画像を ASCII アートに。オプションでフェード・タイプライター・マトリックス。 |
|
|
133
|
+
| **動くピクセル** | 画像をドットグリッドに。オプションでポインター変形。 |
|
|
134
|
+
| **ヒートマップキャンバス** | 画像にヒートマップグラデーション（thermal、viridis、jet など）。 |
|
|
135
|
+
| **ウェブカメラ** | ウェブカメラ。オプションでタイトル・説明。 |
|
|
136
|
+
|
|
137
|
+
**合計 30 コンポーネント**
|
|
138
|
+
|
|
139
|
+
---
|
|
140
|
+
|
|
141
|
+
## 技術スタック
|
|
142
|
+
|
|
143
|
+
Next.js 16 (App Router) · React 19 · Tailwind CSS 4 · shadcn/ui (new-york) · Motion · Radix UI · Lucide
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
147
|
+
## ライセンス
|
|
148
|
+
|
|
149
|
+
[LICENSE](LICENSE)
|
package/README.md
ADDED
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
# OPEN-UI
|
|
2
|
+
|
|
3
|
+
UI components built with Next.js, React, Tailwind CSS, and shadcn/ui style. Copy into your project or add via CLI.
|
|
4
|
+
|
|
5
|
+
**English** | [日本語](README.ja.md) | [中文](README.zh-TW.md)
|
|
6
|
+
|
|
7
|
+
**Preview:** [aice-ui.vercel.app](https://aice-ui.vercel.app/)
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
## Install & Use
|
|
12
|
+
|
|
13
|
+
### Requirements
|
|
14
|
+
|
|
15
|
+
- Node.js 18+
|
|
16
|
+
- pnpm recommended
|
|
17
|
+
|
|
18
|
+
### Run locally
|
|
19
|
+
|
|
20
|
+
```bash
|
|
21
|
+
git clone https://github.com/liuchiawei/open-ui.git
|
|
22
|
+
cd open-ui
|
|
23
|
+
pnpm install
|
|
24
|
+
pnpm dev
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
Open [http://localhost:3000](http://localhost:3000).
|
|
28
|
+
|
|
29
|
+
### Use in your project
|
|
30
|
+
|
|
31
|
+
- **Copy** — Copy `.tsx` files from `components/ui/`, `components/background/`, etc. into your app.
|
|
32
|
+
- **shadcn CLI** — Point your project at this repo’s registry and run:
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
pnpm run build:registry # in this repo first
|
|
36
|
+
pnpm dlx shadcn@latest add <component>
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
### CLI (global)
|
|
40
|
+
|
|
41
|
+
After the package is published:
|
|
42
|
+
|
|
43
|
+
```bash
|
|
44
|
+
pnpm add -g @doublecheap/open-ui
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
Then use the CLI to add components via the registry.
|
|
48
|
+
|
|
49
|
+
---
|
|
50
|
+
|
|
51
|
+
## Components
|
|
52
|
+
|
|
53
|
+
Grouped by category (see `lib/component-config.ts`).
|
|
54
|
+
|
|
55
|
+
### UI
|
|
56
|
+
|
|
57
|
+
| Component | Description |
|
|
58
|
+
| ----------------- | ----------------------------------------------------------------------------------------- |
|
|
59
|
+
| **Glass Surface** | Glass surface with blur. |
|
|
60
|
+
| **Code Block** | Code block with syntax highlighting and line numbers. |
|
|
61
|
+
| **Snippet** | One-line code or command display with copy button. Compound: Provider, Addon, CopyButton. |
|
|
62
|
+
| **Pop Up Item** | Container that reveals content with pop-up animation (whileInView, hover, or click). |
|
|
63
|
+
|
|
64
|
+
### Text
|
|
65
|
+
|
|
66
|
+
| Component | Description |
|
|
67
|
+
| --------------------- | --------------------------------------------------------------- |
|
|
68
|
+
| **Glyph Katakana** | Text with decoding animation—katakana resolves to target text. |
|
|
69
|
+
| **Decrypted Text** | Scrambled text that reveals on hover or in view. |
|
|
70
|
+
| **Text Hover Effect** | Text with cursor-following gradient and stroke on hover. |
|
|
71
|
+
| **Slide Up Letters** | Slide-up letters with optional title and description. |
|
|
72
|
+
| **Animated Counter** | Number that animates from start to target in viewport. |
|
|
73
|
+
| **Timer** | Elapsed-time timer; start, pause, restart; configurable format. |
|
|
74
|
+
|
|
75
|
+
### Button
|
|
76
|
+
|
|
77
|
+
| Component | Description |
|
|
78
|
+
| ----------------- | -------------------------------------------------- |
|
|
79
|
+
| **Copy Button** | Copies text to clipboard; shows check after copy. |
|
|
80
|
+
| **Scroll Button** | Scrolls window (top, bottom, up, down). |
|
|
81
|
+
| **Theme Switch** | Dark/light theme switch (React, Tailwind, Motion). |
|
|
82
|
+
|
|
83
|
+
### Card
|
|
84
|
+
|
|
85
|
+
| Component | Description |
|
|
86
|
+
| ---------------- | ---------------------------------------------------- |
|
|
87
|
+
| **3D Card** | Card tilts in 3D on hover; parallax depth. |
|
|
88
|
+
| **3D Flip Card** | Flip card with 3D tilt and click-to-flip front/back. |
|
|
89
|
+
|
|
90
|
+
### Chart
|
|
91
|
+
|
|
92
|
+
| Component | Description |
|
|
93
|
+
| ------------------ | ------------------------------------------------------------------------------------------- |
|
|
94
|
+
| **Radar Chart** | Radar chart with optional title and description. |
|
|
95
|
+
| **Radial Cluster** | Radial cluster chart for hierarchical data. Supports data prop or Item/SubItem composition. |
|
|
96
|
+
|
|
97
|
+
### Carousel
|
|
98
|
+
|
|
99
|
+
| Component | Description |
|
|
100
|
+
| ---------------- | --------------------------------------------------------------------- |
|
|
101
|
+
| **Motion Wheel** | Carousel wheel with rotation, prev/next, dots, optional center panel. |
|
|
102
|
+
|
|
103
|
+
### Layout
|
|
104
|
+
|
|
105
|
+
| Component | Description |
|
|
106
|
+
| ------------------ | ---------------------------------------------------- |
|
|
107
|
+
| **Draggable Grid** | Draggable 2D grid with parallax cells. |
|
|
108
|
+
| **Timeline** | Vertical timeline with sticky year and card content. |
|
|
109
|
+
|
|
110
|
+
### Navigation
|
|
111
|
+
|
|
112
|
+
| Component | Description |
|
|
113
|
+
| ----------------- | ------------------------------------------------------------ |
|
|
114
|
+
| **Speed Dial** | FAB that expands to radial menu (Root, Trigger, Item). |
|
|
115
|
+
| **Floating Dock** | Bottom dock with magnify on hover; mobile collapses to menu. |
|
|
116
|
+
|
|
117
|
+
### Background
|
|
118
|
+
|
|
119
|
+
| Component | Description |
|
|
120
|
+
| -------------------- | ------------------------------------------------------- |
|
|
121
|
+
| **Floating Circles** | Floating circles with optional title and description. |
|
|
122
|
+
| **Matrix Code** | Matrix-style code with glitch and optional vignette. |
|
|
123
|
+
| **Perlin Noise** | Canvas Perlin noise wave grid; mouse/touch interaction. |
|
|
124
|
+
| **Star Background** | Canvas starfield; configurable stars and twinkle. |
|
|
125
|
+
|
|
126
|
+
### Media
|
|
127
|
+
|
|
128
|
+
| Component | Description |
|
|
129
|
+
| -------------------- | ---------------------------------------------------------- |
|
|
130
|
+
| **Ascii Art** | Image as ASCII art; optional fade, typewriter, matrix. |
|
|
131
|
+
| **Pixelated Canvas** | Image as dot grid; optional pointer distortion. |
|
|
132
|
+
| **Heatmap Canvas** | Image with heatmap gradient (thermal, viridis, jet, etc.). |
|
|
133
|
+
| **Webcam** | Webcam with optional title and description. |
|
|
134
|
+
|
|
135
|
+
**Total: 30 components**
|
|
136
|
+
|
|
137
|
+
---
|
|
138
|
+
|
|
139
|
+
## Tech Stack
|
|
140
|
+
|
|
141
|
+
Next.js 16 (App Router) · React 19 · Tailwind CSS 4 · shadcn/ui (new-york) · Motion · Radix UI · Lucide
|
|
142
|
+
|
|
143
|
+
---
|
|
144
|
+
|
|
145
|
+
## License
|
|
146
|
+
|
|
147
|
+
[LICENSE](LICENSE)
|
package/README.zh-TW.md
ADDED
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
[English](README.md) | [日本語](README.ja.md) | **中文**
|
|
2
|
+
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
# OPEN-UI
|
|
6
|
+
|
|
7
|
+
以 Next.js、React、Tailwind CSS 與 shadcn/ui 風格建構的 UI 元件。可複製到專案或透過 CLI 加入。
|
|
8
|
+
|
|
9
|
+
**線上預覽：** [aice-ui.vercel.app](https://aice-ui.vercel.app/)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
## 安裝與使用
|
|
14
|
+
|
|
15
|
+
### 需求
|
|
16
|
+
|
|
17
|
+
- Node.js 18+
|
|
18
|
+
- 建議使用 pnpm
|
|
19
|
+
|
|
20
|
+
### 本地執行
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
git clone https://github.com/your-username/open-ui.git
|
|
24
|
+
cd open-ui
|
|
25
|
+
pnpm install
|
|
26
|
+
pnpm dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
開啟 [http://localhost:3000](http://localhost:3000)。
|
|
30
|
+
|
|
31
|
+
### 在專案中使用
|
|
32
|
+
|
|
33
|
+
- **複製** — 從 `components/ui/`、`components/background/` 等複製 `.tsx` 到你的應用。
|
|
34
|
+
- **shadcn CLI** — 將專案指向本 repo 的 registry 後執行：
|
|
35
|
+
|
|
36
|
+
```bash
|
|
37
|
+
pnpm run build:registry # 請先在本 repo 執行
|
|
38
|
+
pnpm dlx shadcn@latest add <component>
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### CLI（全域）
|
|
42
|
+
|
|
43
|
+
套件發佈後：
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
pnpm add -g @doublecheap/open-ui
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
之後可透過 CLI 從 registry 加入元件。
|
|
50
|
+
|
|
51
|
+
---
|
|
52
|
+
|
|
53
|
+
## 元件一覽
|
|
54
|
+
|
|
55
|
+
依類別分組（見 `lib/component-config.ts`）。
|
|
56
|
+
|
|
57
|
+
### UI
|
|
58
|
+
|
|
59
|
+
| 元件 | 說明 |
|
|
60
|
+
|------|------|
|
|
61
|
+
| **液態玻璃** | 具模糊與變形效果的玻璃表面。 |
|
|
62
|
+
| **代碼** | 具語法高亮與行號的程式碼區塊。 |
|
|
63
|
+
| **指令欄** | 單行程式碼或指令顯示，附複製按鈕。複合：Provider、Addon、CopyButton。 |
|
|
64
|
+
| **彈出項目** | 以彈出動畫顯示內容的容器（進入視窗、懸停或點擊觸發）。 |
|
|
65
|
+
|
|
66
|
+
### 文字
|
|
67
|
+
|
|
68
|
+
| 元件 | 說明 |
|
|
69
|
+
|------|------|
|
|
70
|
+
| **片假名符號** | 解碼動畫文字，片假名逐漸揭示目標文字。 |
|
|
71
|
+
| **解碼文字** | 懸停或進入視窗時解碼顯示的亂碼文字。 |
|
|
72
|
+
| **文字懸停效果** | 懸停時滑鼠跟隨的漸層與描邊文字。 |
|
|
73
|
+
| **向上滑動字母** | 可選標題與說明的滑動字母。 |
|
|
74
|
+
| **動畫計數器** | 進入視窗時從起始值動畫到目標值的數字。 |
|
|
75
|
+
| **計時器** | 經過時間計時器；開始、暫停、重啟；可設定顯示格式。 |
|
|
76
|
+
|
|
77
|
+
### 按鈕
|
|
78
|
+
|
|
79
|
+
| 元件 | 說明 |
|
|
80
|
+
|------|------|
|
|
81
|
+
| **複製按鈕** | 複製文字到剪貼簿；複製後顯示勾選。 |
|
|
82
|
+
| **捲動按鈕** | 捲動視窗（頂、底、上、下）。 |
|
|
83
|
+
| **主題切換** | 深色／淺色主題切換（React、Tailwind、Motion）。 |
|
|
84
|
+
|
|
85
|
+
### 卡片
|
|
86
|
+
|
|
87
|
+
| 元件 | 說明 |
|
|
88
|
+
|------|------|
|
|
89
|
+
| **3D卡片** | 懸停時 3D 傾斜；視差景深。 |
|
|
90
|
+
| **3D翻轉卡片** | 3D 傾斜與點擊翻轉前後的 flip card。 |
|
|
91
|
+
|
|
92
|
+
### 圖表
|
|
93
|
+
|
|
94
|
+
| 元件 | 說明 |
|
|
95
|
+
|------|------|
|
|
96
|
+
| **雷達圖** | 雷達圖，可選標題與說明。 |
|
|
97
|
+
| **徑向叢集** | 階層資料徑向叢集圖。支援 data prop 或 Item/SubItem 組合。 |
|
|
98
|
+
|
|
99
|
+
### 跑馬燈
|
|
100
|
+
|
|
101
|
+
| 元件 | 說明 |
|
|
102
|
+
|------|------|
|
|
103
|
+
| **旋轉輪播** | 旋轉輪播，前後鈕、圓點、可選中央面板。 |
|
|
104
|
+
|
|
105
|
+
### 版面
|
|
106
|
+
|
|
107
|
+
| 元件 | 說明 |
|
|
108
|
+
|------|------|
|
|
109
|
+
| **可拖拽網格** | 可拖曳 2D 網格，格具視差。 |
|
|
110
|
+
| **時間軸** | 垂直時間軸，固定年份與卡片內容。 |
|
|
111
|
+
|
|
112
|
+
### 導航
|
|
113
|
+
|
|
114
|
+
| 元件 | 說明 |
|
|
115
|
+
|------|------|
|
|
116
|
+
| **放射式選單** | FAB 展開為放射選單（Root、Trigger、Item）。 |
|
|
117
|
+
| **懸浮式選單** | 底部 dock，懸停放大；手機收合為選單。 |
|
|
118
|
+
|
|
119
|
+
### 背景
|
|
120
|
+
|
|
121
|
+
| 元件 | 說明 |
|
|
122
|
+
|------|------|
|
|
123
|
+
| **浮動圓形** | 浮動圓形背景，可選標題與說明。 |
|
|
124
|
+
| **代碼瀑布** | 矩陣風格程式碼，故障與可選暗角。 |
|
|
125
|
+
| **波浪網格** | Canvas 柏林噪聲波浪網格；滑鼠／觸控互動。 |
|
|
126
|
+
| **星空背景** | Canvas 星空；可設定星數與閃爍。 |
|
|
127
|
+
|
|
128
|
+
### 媒體
|
|
129
|
+
|
|
130
|
+
| 元件 | 說明 |
|
|
131
|
+
|------|------|
|
|
132
|
+
| **字元畫** | 圖片轉 ASCII；可選淡入、打字機、矩陣。 |
|
|
133
|
+
| **互動馬賽克** | 圖片轉點陣；可選滑鼠變形。 |
|
|
134
|
+
| **熱成像** | 圖片熱力圖漸層（thermal、viridis、jet 等）。 |
|
|
135
|
+
| **網路攝影機** | 網路攝影機，可選標題與說明。 |
|
|
136
|
+
|
|
137
|
+
**共 30 個元件**
|
|
138
|
+
|
|
139
|
+
---
|
|
140
|
+
|
|
141
|
+
## 技術棧
|
|
142
|
+
|
|
143
|
+
Next.js 16 (App Router) · React 19 · Tailwind CSS 4 · shadcn/ui (new-york) · Motion · Radix UI · Lucide
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
147
|
+
## 授權
|
|
148
|
+
|
|
149
|
+
[LICENSE](LICENSE)
|