@ffilip/mui-react-utils

React components and hooks. MUI utilities.

Requirements

This library requires React 18 or newer and MUI v5 or newer to be installed in your project.

If you don’t have them already:

npm install react @mui/material

Installation

with npm:

npm install @ffilip/mui-react-utils

or with yarn:

yarn add @ffilip/mui-react-utils

Usage

import { useDidUpdateEffect } from "@ffilip/mui-react-utils/react";
import { Centered } from "@ffilip/mui-react-utils/components";
import { useIsThemeDark } from "@ffilip/mui-react-utils/mui";

Optional global styles

To include the default styles, import them manually in your app entry:

import "@ffilip/mui-react-utils/styles.css";

Features

🧩 Composable utilities — ready-to-use React hooks and helpers built around MUI and modern React patterns.

🧱 MUI integration — utilities designed to extend or simplify Material UI usage (e.g., theme mode detection, layout helpers).

⚙️ Browser helper — lightweight React hook for tracking page visibility that works seamlessly across environments.

🧠 Fully typed with TypeScript — all exports include built-in type definitions; no @types packages required.

🎨 Available style modules

| Import path | Description | | ------------------------------------ | ------------------------ | | @ffilip/mui-react-utils/global.css | All-in-one global styles |

License

MIT © 2025 Phillip K.