newPrimeReact is now in alpha.

Components

Discover 65+ accessible UI components in Styled and Tailwind versions — built for easy customization and production use.

Accordion

Accordion groups a collection of contents in panels.

styled

AnimateOnScroll

AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.

styled

AutoComplete

AutoComplete is an input component that provides real-time suggestions when being typed.

styled

Avatar

Avatar represents people using icons, labels and images.

styled

Badge

Badge is a small status indicator for another element.

styled

Breadcrumb

Breadcrumb provides contextual information about page hierarchy.

styled

Button

Button is an extension to standard input element with icons and theming.

styled

Card

Card is a flexible container component.

styled

Carousel

Carousel is a content slider featuring various customization options.

styled

Checkbox

Checkbox is an extension to standard checkbox element with theming.

styled

CheckboxGroup

Checkbox is an extension to standard checkbox element with theming.

styled

Chip

Chip represents entities using icons, labels and images.

styled

ColorPicker

ColorPicker is a component that allows the user to select a color.

styled

CommandMenu

CommandMenu represents a command menu component.

styled

Compare

Compare two items side by side with a slider.

styled

ConfirmDialog

ConfirmDialog uses a Dialog UI

styled

ConfirmPopup

ConfirmPopup uses a Dialog UI

styled

ContextMenu

ContextMenu uses Menu component and displays an overlay menu to display actions related to a trigger.

styled

DataView

DataView displays data in grid or list layout with pagination and sorting features.

styled

DatePicker

DatePicker is a form component to work with dates.

styled

Dialog

Dialog is a container to display content in an overlay window.

styled

Divider

Divider is used to separate contents.

styled

Drawer

Drawer is a panel component displayed as an overlay at the edges of the screen.

styled

Fieldset

Fieldset is a grouping component with a legend and content toggle feature.

styled

FileUpload

FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.

styled

FloatLabel

FloatLabel visually integrates a label with its form element.

styled

Fluid

Fluid is a layout component to make descendant components span full width of their container.

styled

FocusTrap

Focus Trap keeps focus within a certain DOM element while tabbing.

styled

Gallery

Gallery is a component to display a collection of images in a gallery.

styled

IconField

IconField wraps an input and an icon.

styled

IftaLabel

IftaLabel visually integrates a label with its form element.

styled

Inplace

Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.

styled

InputGroup

InputGroup displays text, icon, buttons and other content can be grouped next to an input.

styled

InputNumber

InputNumber is used to enter numeric values.

styled

InputOtp

InputOtp is used to enter one time passwords.

styled

InputTags

InputTags groups a collection of contents in items.

styled

InputText

InputText is an extension to standard input element with icons and theming.

styled

Knob

Knob is a form component to define number inputs with a dial.

styled

Listbox

ListBox is used to select one or more values from a list of items.

styled

Message

Message component is used to display inline messages.

styled

MeterGroup

MeterGroup displays scalar measurements within a known range.

styled

OrgChart

OrgChart visualizes hierarchical organization data.

styled

Paginator

Paginator displays data in paged format and provides navigation between pages.

styled

Panel

Panel is a grouping component providing with content toggle feature.

styled

Password

Password is an enhanced input for password entry with strength metering, mask toggling, and controlled or uncontrolled usage.

styled

Popover

Popover is a container component that can overlay other components on page.

styled

ProgressBar

ProgressBar is a process status indicator.

styled

ProgressSpinner

ProgressSpinner is a process status indicator.

styled

RadioButton

RadioButton is an extension to standard radio button element with theming.

styled

Rating

Rating component is a star based selection input.

styled

ScrollArea

ScrollArea is a cross browser, lightweight and themable alternative to native browser scrollbar.

styled

Select

Select is used to choose an item from a collection of options.

styled

Skeleton

Skeleton is a placeholder to display instead of the actual content.

styled

Slider

Slider is a component to provide input with a drag handle.

styled

SpeedDial

SpeedDial is a floating action button with a popup menu displaying a set of actions.

styled

Splitter

Splitter is utilized to separate and resize panels.

styled

Stepper

The Stepper component displays a wizard-like workflow by guiding users through the multi-step progression.

styled

Switch

Switch is used to select a boolean value.

styled

Tabs

Tabs is a component that displays a list of tabs and allows the user to select one.

styled

Tag

Tag component is used to categorize content.

styled

Terminal

Terminal is a text-based interface component that emulates a command line experience, enabling users to enter commands and receive responses.

styled

Textarea

Textarea is a multi-line text input element.

styled

Timeline

Timeline visualizes a series of chained events.

styled

Toast

Toast is a component that displays a message to the user.

styled

ToggleButton

ToggleButton component is used to create a button that can be toggled on or off.

styled

ToggleButtonGroup

ToggleButtonGroup component is used to create a group of toggle buttons.

styled

Toolbar

Toolbar is a grouping component for buttons and other content.

styled

Tooltip

Tooltip is a component that displays a tooltip when the user hovers over an element.

styled

Tree

Tree is used to display hierarchical data.

styled