React-ui-essentials

React-ui-essentials is an open-source React component library built with React. It's comprehensive and can be used in production out of the box.

📦 Installation

Install the package in your project directory. Run any of the following commands.

# Using npm
npm i react-ui-essentials --save

# Using yarn
yarn add react-ui-essentials --save

# Using pnpm
pnpm add react-ui-essentials --save

# Using bun
bun add react-ui-essentials --save

👉 Getting set up

To start using the components, please follow these steps:

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.jsx";
import "react-ui-essentials/dist/index.css"; // once import styles in the main file

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
      <App />
  </React.StrictMode>
);

Components

Accordion	Alert	Avatar	Badge
Banner	Breadcrum	Box	Button
Cards	CloseButton	ContentScrollable	Drawer
Dropdown	Fieldset	Figure	Forms
FullScreen Toggle	Grid Background	Grid System	Guides
Hooks	Icons	JsonViewer	Link
LinkBar	Link Button	Lists	Model
NonIdealState	Popover	Ripple	SectionHeader
State Management	Spinner	Splitters	Stack
Text Highlighter	Table	Tag	Tabs
Toast	Typography

📃 Documentation

Visit https://react-ui-essentials.vercel.app/ to view the full documentation.

📖 Examples

Our documentation features a collection of example projects using React-ui-essentials.

🪪 License

This project is licensed under the terms of the MIT license.