PhoenixDuskmoon

Provides Duskmoon UI for Phoenix project.

v9: Uses @duskmoon-dev/core CSS design system and HTML Custom Elements (duskmoon-elements).

Requires tailwindcss >= 4.0

See the docs for more information.

Install

Add deps in mix.exs

    {:phoenix_duskmoon, "~> 9.0"},

Install frontend packages:

bun add @duskmoon-dev/core @duskmoon-dev/elements

Include in phoenix view helpers

defp html_helpers do
  quote do
    # import all duskmoon ui component
    use PhoenixDuskmoon.Component
    # import all duskmoon ui fun component
    use PhoenixDuskmoon.Fun
  end
end

Import css

@source "../js/**/*.js";
@source '../../lib/**/*.exs';
@source '../../lib/**/*.ex';

@import "tailwindcss";
@import "@duskmoon-dev/core";
@import "phoenix_duskmoon/components";

Live Storybook

Live Storybook