gitmyhub

primereact

CSS ★ 8.3k updated 15d ago

The Most Complete React UI Component Library

A large collection of ready-to-use UI components for React, buttons, data tables, charts, forms, dialogs, and navigation, with pre-designed themes like Material Design and Bootstrap, plus an unstyled mode for custom styling.

ReactCSSTypeScriptnpmsetup: easycomplexity 2/5

PrimeReact is a collection of pre-built user interface components for React applications. Instead of writing buttons, data tables, charts, form inputs, dialogs, dropdown menus, and navigation elements from scratch, developers install the library and import whichever components they need. It is MIT licensed and available as an npm package.

Components are individually importable, so the final application bundle only includes what the project actually uses. Installation is one command through npm, yarn, or pnpm. Each component has its own import path (for example, import { Button } from 'primereact/button') rather than loading everything from a single entry point.

The library supports two theming approaches. In styled mode, you pick from a set of pre-designed visual themes such as Material Design, Bootstrap, or PrimeOne, and import the corresponding CSS file. In unstyled mode, components ship with no built-in visual styling, so developers can apply their own CSS or a utility framework without conflicting styles.

Documentation and a live showcase with interactive examples are available at primereact.org. Each component's documentation page covers its available configuration options and the correct import path.

The project is maintained by PrimeFaces, a company that also builds component libraries for other frontend frameworks. Community channels include Discord, Stack Overflow, and GitHub Discussions.

Where it fits