Skip to content

A suite of 20+ components to create and style forms using react-hook-form & mui with a minimum of just 3-4 props. Building and styling forms just got so much easier!

Notifications You must be signed in to change notification settings

nishkohli96/rhf-mui-components

Folders and files

NameName
Last commit message
Last commit date
Mar 2, 2025
Mar 29, 2025
Mar 29, 2025
Sep 26, 2024
Mar 29, 2025
Mar 2, 2025
Mar 29, 2025
Nov 1, 2024
Mar 2, 2025
Mar 29, 2025

Repository files navigation

@nish1896/rhf-mui-components

NPM Version NPM Downloads NPM Downloads Per Month GitHub Release Date - Published_At Netlify Status

A suite of 20 reusable mui components for react-hook-form to minimize your time and effort in creating forms

Features ✨

  • Each component is fully functional with just 3-4 props — core logic handled internally.
  • Style individual components or apply global styles via ConfigProvider.
  • Includes well-configured unique components like RichTextEditor, Country Select and Tags Input, saving development time.
  • Comprehensive docs showcasing multiple variations for each component.

Explore and Get Started 🚀

Documentation 📖

Access the full documentation for rhf-mui-components, including setup instructions, API references, and examples:

👉 Documentation Site

Interactive Demos 🎮

Try out and experiment with the form components in a live environment:

👉 Live Demo Examples

CodeSandbox Playground 🛠️

Dive deeper and experiment with the package in an editable playground on CodeSandbox:

👉 CodeSandbox Playground

Setup

Run the setup script.

sh setup.sh

This will perform the following tasks:

  • Install node_modules in workspace root
  • Build the @nish1896/rhf-mui-components package.
  • Link this package to @nish1896/rhf-mui-demo repo to test new and existing components

To apply any changes made to the package, rebuild it by running the command below:

yarn lib