dolphin-css-cli
v2.0.1
Published
Smart CLI for DolphinCSS. Auto-injects and converts premium UI templates into HTML or React (JSX) instantly.
Maintainers
Readme
dolphincli
Dolphin CLI is a tool that watches your code files and expands special markers into full UI components using predefined templates.
Features
- Local and remote template support
- Real-time file watching
- Automatic component expansion in JS/TS/JSX/TSX/HTML files
- Cloud sync for templates
Installation
npm install -g dolphincliUsage
- Navigate to your project directory
- Run
dolphinto start the watcher - In your code, use markers like
<div class="button">which will be expanded to full button components
Configuration
Create a dolphin.config.json file in your project root:
{
"remoteUrl": "https://your-server.com/markers.json"
}If no remoteUrl is provided, it uses local templates.
Available Markers
| Marker | Description | |--------------|------------------------------| | d-login | Login form with email/password | | d-table | Responsive data table | | d-side-nav | Side navigation menu | | d-topnav | Top navigation bar | | d-kpi | KPI metric card | | d-chart-card | Chart container card | | d-input-float| Floating label input field | | d-input-standard | Standard input field | | d-button | Styled button component | | d-card | Basic card component | dolphincli/README.md
