Framework

Search items

Popover

A floating overlay anchored to a trigger, suited to contextual information and lightweight interactive content.

ReactTailwind

Displays rich content in a portal, triggered by a button.

ReactTailwind

Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover, controlled or uncontrolled.

ReactTailwindOverlay

Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips as one piece, a single-surface morph with a drop-shadow that hugs the shape. Side/align aware, controlled or uncontrolled.

ReactTailwindOverlay
8-bit Popover

Anchored floating panel for compact controls or supporting content.

ReactTailwindOverlay
Calendar

A calendar component that allows users to select a date or a range of dates.

ReactTailwindInput
Color Picker

A composed control for choosing a color through visual controls and editable values, often presented from a trigger.

ReactTailwind

Previews linked content on pointer hover or keyboard focus.

ReactTailwindCard
Feedback Widget

Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.

ReactTailwind

A popover interface for managing discussions: comments, replies, suggestions.

ReactTailwind
Glimpse

Hover-triggered link preview card with metadata, loading states, positioning, and custom content.

ReactTailwindCard
Date Picker

A date field paired with a popover calendar so people can type a date or choose one from a month grid.

ReactTailwind
Date Range Picker

A paired date input with a popover calendar for selecting a start date and end date as one range.

ReactTailwind
Close Button

A compact icon-only action for dismissing dialogs, popovers, banners, tags, and other temporary interface elements.

ReactTailwind

Displays a LaTeX equation element with an editable popover for inputting and rendering mathematical expressions.

ReactTailwind