Next Chapter Begins 🚀Read the full story
Get PrimeUI
primereact@11.0.0-rc.1

Components

Discover a wide range of premium UI components in Styled and Tailwind versions, crafted for enterprise-grade applications and equally suited for individual projects.

Form

(27)
AutoComplete component preview

AutoComplete

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

styledtailwind
Checkbox component preview

Checkbox

Checkbox is an extension to standard checkbox element with theming.

styledtailwind
CheckboxGroup component preview

CheckboxGroup

CheckboxGroup groups multiple checkboxes and manages their shared value.

styledtailwind
DatePicker component preview

DatePicker

DatePicker is a form component to work with dates.

styledtailwind
FloatLabel component preview

FloatLabel

FloatLabel visually integrates a label with its form element.

styled
IconField component preview

IconField

IconField wraps an input and an icon.

styledtailwind
IftaLabel component preview

IftaLabel

IftaLabel visually integrates a label with its form element.

styled
InputColor component preview

InputColor

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

styledtailwind
InputGroup component preview

InputGroup

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

styledtailwind
InputMask component preview

InputMask

InputMask is used to enter input in a certain format such as numeric, date, currency, email and phone.

styled
InputNumber component preview

InputNumber

InputNumber is used to enter numeric values.

styledtailwind
InputOtp component preview

InputOtp

InputOtp is used to enter one time passwords.

styledtailwind
InputPassword component preview

InputPassword

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

styledtailwind
InputTags component preview

InputTags

InputTags groups a collection of contents in items.

styled
InputText component preview

InputText

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

styledtailwind
KeyFilter component preview

KeyFilter

KeyFilter is used to block individual keystrokes based on a pattern.

styled
Knob component preview

Knob

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

styled
Label component preview

Label

Label provides accessible text labels for form controls. Use `htmlFor` to link the label to a form control by its id.

styledtailwind
Listbox component preview

Listbox

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

styledtailwind
RadioButton component preview

RadioButton

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

styledtailwind
Rating component preview

Rating

Rating component is a star based selection input.

styledtailwind
Select component preview

Select

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

styledtailwind
Slider component preview

Slider

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

styledtailwind
Textarea component preview

Textarea

Textarea is a multi-line text input element.

styledtailwind
ToggleButton component preview

ToggleButton

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

styledtailwind
ToggleButtonGroup component preview

ToggleButtonGroup

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

styledtailwind
ToggleSwitch component preview

ToggleSwitch

ToggleSwitch is used to select a boolean value.

styledtailwind

Button

(3)
Button component preview

Button

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

styledtailwind
ButtonGroup component preview

ButtonGroup

ButtonGroup composes related buttons into a connected pill with shared corners and seams.

styledtailwind
SpeedDial component preview

SpeedDial

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

styled

Data

(9)
DataTable component preview

DataTable

DataTable displays data in tabular format with sorting, filtering, pagination and selection features.

styledtailwind
DataView component preview

DataView

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

styledtailwind
OrderList component preview

OrderList

OrderList is used to reorder items in a list using selection and drag-drop.

styled
OrganizationChart component preview

OrganizationChart

OrganizationChart visualizes hierarchical organization data.

styled
Paginator component preview

Paginator

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

styledtailwind
PickList component preview

PickList

PickList is used to transfer items between two lists with drag-drop and button controls.

styled
Timeline component preview

Timeline

Timeline visualizes a series of chained events.

styledtailwind
Tree component preview

Tree

Tree is used to display hierarchical data.

styled
TreeTable component preview

TreeTable

TreeTable renders hierarchical data with the same feature set as DataTable, sort, filter, pagination, selection, scroll, frozen, resize, reorder, editing, export.

styled

Panel

(10)
Accordion component preview

Accordion

Accordion groups content into collapsible panels.

styledtailwind
Card component preview

Card

Card is a flexible container component.

styledtailwind
Divider component preview

Divider

Divider is used to separate contents.

styledtailwind
Fieldset component preview

Fieldset

Fieldset is a container component with a legend and optional collapsible content.

styledtailwind
Panel component preview

Panel

Panel is a container component with optional collapsible content.

styledtailwind
ScrollArea component preview

ScrollArea

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

styledtailwind
Splitter component preview

Splitter

Splitter is utilized to separate and resize panels.

styledtailwind
Stepper component preview

Stepper

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

styled
Tabs component preview

Tabs

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

styledtailwind
Toolbar component preview

Toolbar

Toolbar is a grouping component for buttons and other content.

styledtailwind

Overlay

(5)
Dialog component preview

Dialog

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

styledtailwind
Drawer component preview

Drawer

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

styledtailwind
OverlayManager component preview

OverlayManager

OverlayManager opens overlay components imperatively from anywhere in your app.

styledtailwind
Popover component preview

Popover

Popover is an overlay container that displays content relative to a trigger.

styledtailwind
Tooltip component preview

Tooltip

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

styledtailwind

File

(1)
FileUpload component preview

FileUpload

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

styled

Menu

(5)
Breadcrumb component preview

Breadcrumb

Breadcrumb provides contextual information about page hierarchy.

styledtailwind
ContextMenu component preview

ContextMenu

A right-click triggered menu with keyboard navigation, nested submenus, and WAI-ARIA support.

styledtailwind
Menu component preview

Menu

A keyboard-navigable dropdown menu with support for items, checkbox items, radio items, and nested submenus.

styledtailwind
NavigationMenu component preview

NavigationMenu

NavigationMenu coordinates multiple Menu instances horizontally or vertically, providing keyboard navigation between them and a single source of truth for which menu is open.

styledtailwind
Sidebar component preview

Sidebar

Sidebar is a layout component for building application navigation with collapsible panels, multi-variant styling, and composable menu structures.

styledtailwind

Messages

(2)
Message component preview

Message

Message component is used to display inline messages.

styledtailwind
Toast component preview

Toast

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

styledtailwind

Media

(3)
Carousel component preview

Carousel

Carousel is a content slider featuring various customization options.

styledtailwind
Compare component preview

Compare

Compare two items side by side with a slider.

styledtailwind
Gallery component preview

Gallery

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

styled

Misc

(13)
AnimateOnScroll component preview

AnimateOnScroll

AnimateOnScroll applies enter and leave animations to elements as they move in and out of the viewport during scroll.

styled
Avatar component preview

Avatar

Avatar represents people using icons, labels and images.

styledtailwind
Badge component preview

Badge

Badge is a small status indicator for another element.

styledtailwind
Chip component preview

Chip

Chip represents entities using icons, labels and images.

styledtailwind
Fluid component preview

Fluid

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

styledtailwind
FocusTrap component preview

FocusTrap

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

styled
Inplace component preview

Inplace

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

styledtailwind
MeterGroup component preview

MeterGroup

MeterGroup displays scalar measurements within a known range.

styledtailwind
ProgressBar component preview

ProgressBar

ProgressBar is a process status indicator.

styledtailwind
ProgressSpinner component preview

ProgressSpinner

ProgressSpinner is a process status indicator that supports both determinate and indeterminate modes.

styled
Skeleton component preview

Skeleton

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

styledtailwind
Tag component preview

Tag

Tag component is used to categorize content.

styledtailwind
Terminal component preview

Terminal

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

styled
Components
78
Styled
78
Tailwind
59
Categories
10
PrimeReact 11.0.0-rc.1 by PrimeUI
©2026 PrimeTek