mix cinder_ui.install (cinder_ui v0.1.0)

Copy Markdown View Source

Installs Cinder UI into a Phoenix project.

The task performs the following steps:

  1. Copies cinder_ui.css and cinder_ui.js into your assets/ folder.
  2. Updates assets/css/app.css with:
    • @source "../../deps/cinder_ui";
    • @import "./cinder_ui.css";
  3. Updates assets/js/app.js to merge Cinder UI LiveView hooks.
  4. Installs tailwindcss-animate using your detected or selected package manager. When no package.json exists in assets/, the installer will use the project root package.json if present, or create a minimal one in assets/.

Options

  • --assets-path - path to the assets directory (default: assets)
  • --package-manager - npm, pnpm, yarn, or bun
  • --skip-existing - do not overwrite Cinder UI generated files if they already exist
  • --skip-patching - do not patch assets/css/app.css or assets/js/app.js
  • --dry-run - print planned changes without writing files or installing packages

Example

mix cinder_ui.install --package-manager pnpm