@frontfamily/cli 0.1.2 → 0.2.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 +13 -3
- package/dist/index.js +37674 -15975
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div align="center">
|
|
2
2
|
<h1>@frontfamily/cli</h1>
|
|
3
|
-
<p>Eject production-ready UI components into any project.<br/>
|
|
3
|
+
<p>Eject production-ready UI components into any project.<br/>162 templates · 9 frameworks · 18 patterns · works offline.</p>
|
|
4
4
|
<p>
|
|
5
5
|
<a href="https://www.npmjs.com/package/@frontfamily/cli"><img src="https://img.shields.io/npm/v/@frontfamily/cli.svg?style=flat-square&color=3B82F6" alt="npm version"></a>
|
|
6
6
|
<a href="https://www.npmjs.com/package/@frontfamily/cli"><img src="https://img.shields.io/npm/dm/@frontfamily/cli.svg?style=flat-square&color=4ADE80" alt="downloads"></a>
|
|
@@ -74,6 +74,16 @@ npx @frontfamily/cli eject settings-panel -f angular-material
|
|
|
74
74
|
| `nav-bar` | Navigation Bar | Top nav with links, dropdown menu, search input, mobile hamburger drawer |
|
|
75
75
|
| `notification-center` | Notifications | Toast stack with auto-dismiss, progress bars, and notification history |
|
|
76
76
|
| `settings-panel` | Settings Panel | Toggles, sliders, radio groups, selects with save/reset actions |
|
|
77
|
+
| `file-upload` | File Upload | Drag-and-drop zone, file list, progress bars, and validation |
|
|
78
|
+
| `date-picker` | Date Picker | Calendar selector with range mode, time input, and locale support |
|
|
79
|
+
| `sidebar-layout` | Sidebar Layout | Collapsible sidebar with nested nav, icons, and responsive drawer |
|
|
80
|
+
| `data-grid` | Data Grid | Editable table with inline editing, column reorder, and virtualization |
|
|
81
|
+
| `command-palette` | Command Palette | Cmd+K search overlay with fuzzy matching and keyboard navigation |
|
|
82
|
+
| `pricing-table` | Pricing Table | Tier cards with feature comparison, toggle billing cycle, and CTAs |
|
|
83
|
+
| `stepper-wizard` | Stepper Wizard | Multi-step form with validation, progress indicator, and back/next |
|
|
84
|
+
| `autocomplete` | Autocomplete | Search input with async suggestions, multi-select, and custom rendering |
|
|
85
|
+
| `kanban-board` | Kanban Board | Draggable cards across columns with add, edit, and status filtering |
|
|
86
|
+
| `chat-ui` | Chat UI | Message bubbles, input with send, timestamps, and typing indicator |
|
|
77
87
|
|
|
78
88
|
## Frameworks
|
|
79
89
|
|
|
@@ -89,7 +99,7 @@ npx @frontfamily/cli eject settings-panel -f angular-material
|
|
|
89
99
|
| 💚 | `vue-quasar` | Quasar (Vue 3) | `.vue` |
|
|
90
100
|
| 🔺 | `angular-material` | Angular Material | `.ts` |
|
|
91
101
|
|
|
92
|
-
**
|
|
102
|
+
**18 patterns × 9 frameworks = 162 templates**
|
|
93
103
|
|
|
94
104
|
## What you get
|
|
95
105
|
|
|
@@ -107,7 +117,7 @@ The file is yours — modify it however you want. No dependency on `@frontfamily
|
|
|
107
117
|
## FAQ
|
|
108
118
|
|
|
109
119
|
**Does it need internet?**
|
|
110
|
-
No. All
|
|
120
|
+
No. All 162 templates are bundled in the npm package. Fully offline.
|
|
111
121
|
|
|
112
122
|
**Does it touch my existing files?**
|
|
113
123
|
No. It only creates new files in `./components/`. Never reads, modifies, or deletes anything.
|