An effort to bring Material Design 3 to Phoenix and Phoenix LiveView. Inspired by ember-paper for Ember.js, styled entirely with Tailwind CSS, and shipped as a plain hex dependency your app already knows how to install.
Click around below and try them.
pp-
so they never collide with daisyUI; this site ships both, side by side. Try the
theme picker in the top right corner: color mode, the brand colors and the
surface tone are all live.
peer-checked:
and
has-[:checked]:
tricks, no client JS shipped for them at all.
paperize
attribute. Turn it off and every built-in class disappears; only your own
class
renders, no fighting the library's CSS.
field
from
to_form/2
the same way this app's own
core_components.ex
inputs do: no new form abstraction to learn.
Buttons, forms, selection controls, navigation, and surfaces, all in one place.