Skip to main content

React Kit

Reusable React components and utilities for MUI-based applications

import { SuccessButton, toast } from '@js-smart/react-kit';

<SuccessButton onClick={() => toast('Saved!', 'success')}>
  Save
</SuccessButton>

MUI-based components

Buttons, dialogs, snack bars, links, and more built on Material UI with consistent theming.

Loading & progress state

ProgressState utilities and loading buttons for async save, submit, and delete flows.

TanStack Router links

RouterLink and NextLink components for typed, client-side navigation in React apps.

Toast notifications

Global toast API with ToastContainer — call toast() from anywhere in your app.

Utility functions

Date, string, number, URL, and boolean helpers for common application tasks.

Accessible defaults

Sensible aria-label defaults, tab panel helpers, and MUI accessibility patterns.

TypeScript-first

Fully typed components and utilities with peer dependencies kept external.