GitHunt
GI

gilbertwong96/phoenix-lucide

Lucide Icons plugin for phoenix project

npm version
License: MIT
CI

Phoenix Lucide

This plugin is used to integrate lucide icons with the project using the
Phoenix Framework and Tailwind CSS.

Usage

  1. Declare lucide dependency in mix.exs:
defp deps do
  [
    ...
    {:lucide,
     github: "lucide-icons/lucide",
     tag: "v0.265.0",
     sparse: "icons",
     app: false,
     compile: false,
     depth: 1}
    ...
  ]
end
  1. Add the package into assets/package.json:
pnpm --prefix assets add phoenix-lucide
  1. Declare the plugin in the assets/app.css:
@import "tailwindcss" source(none);
@source "../css";
@source "../js";
@source "../../lib/your_app_web";

@plugin "phoenix-lucide";
  1. Run the tailwind command:
mix tailwind your_app

License

MIT © Gilbert Wong. See LICENSE.md for details.

Contributors

MIT License
Created June 15, 2025
Updated June 16, 2025
gilbertwong96/phoenix-lucide | GitHunt