Reagent Material UI

screenshot of Reagent Material UI
react
material-ui

Reagent wrapper for MUI (formerly Material UI) v5

Overview

The reagent-material-ui library is a Reagent wrapper for MUI (formerly Material UI) v5, designed to help ClojureScript/Reagent developers use a modern React UI library without the usual interop hassle. It aims to be comprehensive and up to date with MUI's original ideas.

Features

  • Reagent components mirroring MUI's modules
  • Color definitions from @mui/material/colors
  • Helper functions and components from @mui/material/styles
  • Helper functions and components from @mui/styles
  • Components from MUI Lab
  • Components from MUI X
  • Adapter for date pickers with cljs-time (goog.date) date objects

Summary

The reagent-material-ui library is a useful tool for ClojureScript/Reagent developers who want to use MUI (formerly Material UI) v5 in their projects without the usual interop difficulties. It provides a comprehensive set of Reagent components, color definitions, and helper functions/components from MUI's various modules. Additionally, it includes components from MUI Lab and MUI X, as well as an adapter for using date pickers with cljs-time date objects. Installing the library is simple, requiring the addition of a dependency, and the usage is intuitive, with namespaces corresponding to the modules in MUI.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.