# Popover components

> Elevate your UI with 23 popover React components, offering interactive overlays and dynamic details, styled with Tailwind CSS.

162 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/popover.

- [Popover](https://21st.dev/@originui/components/popover/notifications.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/notifications-with-avatars.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/tooltip-like-with-nav.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/filters.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/onboarding-tour.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/share.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/tooltip-like-popover-with-steps.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/feedback.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/tooltip-like-popover.md) — by Origin UI
- [Popover](https://21st.dev/@originui/components/popover/select-with-search.md) — by shadcn
- [Popover](https://21st.dev/@originui/components/popover/options-with-icon-and-number.md) — by shadcn
- [Popover](https://21st.dev/@shadcn/components/popover.md) — by shadcn
- [Popover](https://21st.dev/@mynaui/components/popover/with-user-card.md) — by shadcn
- [Popover](https://21st.dev/@mynaui/components/popover/with-form.md) — by shadcn
- [Popover](https://21st.dev/@mynaui/components/popover/with-title.md) — by shadcn
- [Popover](https://21st.dev/@sshahaider/components/popover.md) — by Efferd
- [Popover](https://21st.dev/@sshahaider/components/popover/quick-actions.md) — by Efferd
- [Popover](https://21st.dev/@sshahaider/components/popover/share.md) — by Efferd
- [Popover](https://21st.dev/@sshahaider/components/popover/delete-confirmation.md) — by Efferd
- [Popover](https://21st.dev/@sshahaider/components/popover/feedback.md) — by Efferd
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover/with-textarea.md) — by Julien Thibeaut
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover/with-custom-transition-variants.md) — by Julien Thibeaut
- [Morphing Popover](https://21st.dev/@ibelick/components/morphing-popover.md) — by Julien Thibeaut
- [Popover Form](https://21st.dev/@cult-ui/components/popover-form.md) — by cult/ui
- [Popover \[react-aria-components\]](https://21st.dev/@jolbol1/components/popover.md) — by James Shopland
- [Popover](https://21st.dev/@ibelick/components/popover.md) — by Julien Thibeaut
- [Popover](https://21st.dev/@Codehagen/components/popover.md) — by Prism UI
- [RuixenPopover_02](https://21st.dev/@ruixen.ui/components/ruixen-popover-02.md) — by Ruixen UI
- [Tour Popover](https://21st.dev/@ruixen.ui/components/tour-popover.md) — by Ruixen UI
- [Smart Popover](https://21st.dev/@sshahaider/components/smart-popover.md) — by Efferd
- [Popover](https://21st.dev/@olivier_1b6cd5bc/components/popover-1.md) — by Olivier Tassinari
- [Popover](https://21st.dev/@anubra266/components/popover-1/settings-popover.md) — by Abraham
- [Popover](https://21st.dev/@anubra266/components/popover-1/popover-share.md) — by Abraham
- [Popover](https://21st.dev/@sean0205/components/popover.md) — by Sean Hello
- [Popover](https://21st.dev/@anubra266/components/popover-1.md) — by Abraham
- [Popover](https://21st.dev/@anubra266/components/popover-1/user-profile-popover.md) — by Abraham
- [Popover](https://21st.dev/@anubra266/components/popover-1/popover-notifications.md) — by Abraham
- [Popover](https://21st.dev/@jolbol1/components/popover-1.md) — by James Shopland
- [Popover](https://21st.dev/@anubra266/components/popover-1/popover-feedback.md) — by Abraham
- [Base Popover](https://21st.dev/@sean0205/components/base-popover.md) — by Sean Hello
- [Base Popover](https://21st.dev/@sean0205/components/base-popover/position.md) — by Sean Hello
- [Popover](https://21st.dev/@jolbol1/components/popover-1/popover-offset-and-cross-offset.md) — by James Shopland
- [Popover](https://21st.dev/@jolbol1/components/popover-1/popover-positioning.md) — by James Shopland
- [Relative Time Card](https://21st.dev/@shugar/components/relative-time-card-1.md) — by tigran tumasov
- [Dialog](https://21st.dev/@jolbol1/components/dialog-2/popover-dialog.md) — by James Shopland
- [Relative Time Card](https://21st.dev/@shugar/components/relative-time-card-old.md) — by tigran tumasov
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover.md) — by reshaped
- [indevuiPopover](https://21st.dev/@ln-dev7/components/indevui-popover.md) — by LN
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/width.md) — by reshaped
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/dismissible.md) — by reshaped
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/padding.md) — by reshaped
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/fallback-positions.md) — by reshaped
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/position.md) — by reshaped
- [Reshaped Popover](https://21st.dev/@reshaped/components/reshaped-popover/hover.md) — by reshaped
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/date-range-picker.md) — by Origin UI
- [Calendar \[React Day Picker\]](https://21st.dev/@originui/components/calendar/date-picker.md) — by Origin UI
- [Filters](https://21st.dev/@andrewlu0/components/filters.md) — by Andrew Luo
- [AI Input](https://21st.dev/@aghasisahakyan1/components/ai-input.md) — by Erik X
- [Notifications Toggle](https://21st.dev/@ruixen.ui/components/notifications-toggle.md) — by Ruixen UI

Full component directory: https://21st.dev/llms.txt
