Nox UI

a ReactJS Library based on MUI

NoxUI is a customized UI library that adding couple missing parts of MUI (JoyUI) in daily usage.

Features

• Ready to Use: Import components frequantly used.
• Customizable: Customize Components anyway you like.

Dependencies

Dependencies that NoxUI use:

• MUI - Core UI elements.
• AutoAnimate - Basic animation usage.
• ReactRouter - Creating domains.

Installation

bun add 'react-noxui'

Basic Usage

import { Button, Modal } from "noxui-react";

// Modal States
const [openModal, setOpenModal] = useState(false);
const [serviceLoading, setServiceLoading] = useState(false);

// Modal Handlers
const closeModal = () => setOpenModal(true);
const openModal = () => setOpenModal(false);
const conformDialog = () => {
  // do something here
  closeModal();
};
<>
  <Modal
    open={openModal}
    serviceLoading={serviceLoading}
    onConfirm={conformDialog}
    title="Modal Title"
  >
    Modal Content
  </Modal>
  <Button isLoading={false} fadeIn={true} loadAnimation={true}>
    Custom Button
  </Button>
  ;
</>;