Skip to content

primefaces/primereact

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 25, 2025
e7c6e5d · Feb 25, 2025
Aug 30, 2024
Feb 13, 2023
Nov 20, 2023
Feb 25, 2025
Dec 12, 2024
Jan 6, 2025
Dec 6, 2024
Apr 25, 2023
Dec 12, 2024
Jan 6, 2020
May 4, 2024
Mar 29, 2024
Aug 23, 2022
Jul 3, 2024
Mar 13, 2021
Aug 23, 2022
Aug 23, 2022
Jan 24, 2025
Jun 27, 2024
May 8, 2024
Sep 12, 2023
Jul 1, 2024
Jan 1, 2025
Jul 27, 2024
Aug 3, 2024
Oct 31, 2022
Nov 22, 2023
Aug 7, 2022
Mar 15, 2023
Jan 26, 2025
Jan 24, 2025
Jun 13, 2024

Repository files navigation

License: MIT npm version primereact NPM Downloads Actions CI Discord Chat Stackoverflow Prime Discussions

PrimeReact Hero

PrimeReact

PrimeReact is a rich set of open source UI Components for React. See PrimeReact homepage for live showcase and documentation.

Download

PrimeReact is available at npm.

# Using npm
npm install primereact

# Using yarn
yarn add primereact

# Using pnpm
pnpm add primereact

Import

Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.

//import { ComponentName } from 'primereact/{componentname}';
import { Button } from 'primereact/button';

export default function MyComponent() {
  return (
    <Button label="PrimeReact" />
  )
}

Theming

PrimeReact has two theming modes; styled or unstyled.

Styled Mode

Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the Themes section for the complete list of available themes to choose from.

// theme
import 'primereact/resources/themes/lara-light-cyan/theme.css';

Unstyled Mode

Unstyled mode is disabled by default for all components. Using the PrimeReact context, set unstyled as true to enable it globally. Visit the Unstyled mode documentation for more information and examples.

Contributors