Corex - Accessible and unstyled UI Phoenix components

Dark Mode Toggle

Built on Corex.ToggleGroup, it uses a triple-layer approach (cookies + localStorage + immediate script execution) to ensure:

  • No FOUC (Flash of Unstyled Content)
  • Syncs across browser tabs
  • Respects system preferences
  • Works perfectly with LiveView and controllers

Signature Pad

  • Full Phoenix form integration (controllers & LiveView)
  • Works with and without Ecto changesets
  • Controlled/uncontrolled modes
  • Customizable drawing options (color, size, pressure simulation)

Signature Pad joins the growing collection of form components (checkbox, select, date picker) that work seamlessly in both traditional controllers and LiveView, with or without Ecto Changeset

Happy coding

4 Likes