Skip to content
/ mosaic Public

@melfore/mosaic is a free, open source, TypeScript ReactJS library that wraps @mui/* components offering a lightweight and simplified usage of Material UI.

License

Notifications You must be signed in to change notification settings

melfore/mosaic

Folders and files

NameName
Last commit message
Last commit date

Latest commit

a0e8af3 Β· Jan 13, 2025
Jan 10, 2025
Feb 15, 2024
Sep 24, 2024
Jun 19, 2024
Jan 30, 2024
Jun 18, 2024
Sep 24, 2024
Jan 13, 2025
Jan 13, 2025
Apr 27, 2023
Jul 11, 2024
Nov 2, 2023
Oct 5, 2023
Jul 11, 2024
Dec 5, 2023
Jul 11, 2024
Apr 7, 2020
Aug 11, 2020
Jan 13, 2025
Jun 18, 2024
Apr 22, 2020
Jan 24, 2022
Jun 18, 2024
Nov 2, 2023
Jan 13, 2025
Jan 13, 2025
Jan 10, 2024
Jan 10, 2024

Repository files navigation

@melfore/mosaic

Mosaic CI - Release Mosaic CI - Release Beta Mosaic CI - Test Commitizen friendly

Melfore's UI kit library based on @mui/*.

Changelog | Contributing | Migration | Storybook

Getting started

Starting from @melfore/mosaic v8.x Mosaic dropped support for React < v18.x and Material UI < v5.x

Add the package to your project with:

npm install @melfore/mosaic

It requires these peerDependencies to be installed in host project:

    "@emotion/react": ">= 11.8.2 < 12",
    "@emotion/styled": ">= 11.8.1 < 12",
    "@mui/icons-material": ">= 5.5.1 < 6",
    "@mui/material": ">= 5.5.3 < 6",
    "@mui/system": ">= 5.15.4 < 6",
    "@mui/x-date-pickers": ">= 6.16.0 < 7",
    "luxon": ">= 3.4.4 < 4",
    "react": ">= 18 < 19",
    "react-dom": ">= 18 < 19",
    "react-window": ">= 1.8.0 < 1.9.0"

Usage

Browse our StoryBook to discover all available components.

Each component has a dedicated docs page showing how to import plus a playground with a table listing all props that can be dynamically changed to see the results in real time.

component sample

Below the props table you can find a list of most common usage scenario. These are ready to use samples that can be copied and pasted into your codebase using the Show code option.

component sample stories

Browse StoryBook to discover all available components.