Alert Modal

A modal dialog displays important information that users need to acknowledge.

Color Picker Component

A color picker component allows users to select colors via a visual spectrum display or input specific color values. It usually features a gradient or color wheel, sliders for fine-tuning, and fields for hexadecimal or RGB values. Related Hooks: https://react-spectrum.adobe.com/react-aria/useColorArea.html https://react-spectrum.adobe.com/react-aria/useColorField.html https://react-spectrum.adobe.com/react-aria/useColorSlider.html https://react-spectrum.adobe.com/react-aria/useColorWheel.html

HeroUI for React Native

Fix collection-based components

Fix Collection-based components like Listbox/Menu/Table/Dropdown, they cannot be imported on Next.js without adding the use client; directive, even when we import them from individual packages.

TagGroup

A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.

Composability API

New API to make easier the style overrides

Toast

Toasts display brief, temporary notifications of actions, errors, or other events in an application.

Autocomplete [Multiple]

Add multiple selection to the Autocomplete component: https://nextui.org/docs/components/autocomplete

Number Input

Input with controls for incrementing or decrementing numeric values.

Figma File

NextUI Community Figma File

Form Component

A form is a group of inputs that allows users to submit data to a server, with support for providing field validation errors.

Drawer

A panel that slides out from the edge of the screen, based on the Modal component.

Alert

Displays a callout for user attention

Date Picker

A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.

Virtual List Autocomplete

Add virtualization support to the Autocomplete component

Date Range Picker

A date range picker combines two DateFields and a RangeCalendar popover to allow users to enter or select a date and time range.

Calendar

A calendar displays one or more date grids and allows users to select a single date.

TimeInput

A time field allows users to enter and edit time values using a keyboard. Each part of a time value is displayed in an individually editable segment.

Range Calendar

A range calendar displays one or more date grids and allows users to select a contiguous range of dates.