# Overlay components > Find 3 overlay components to elegantly display content above your Next.js or React app UI, all styled with Tailwind CSS. 128 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/overlay. - [Loading Overlay](https://21st.dev/@designali-in/components/loading-overlay.md) — by Ali Imam - [Animated Fuzzy Overlay Effect](https://21st.dev/@uniquesonu/components/animated-fuzzy-overlay-effect.md) — by Sonu - [Gallery with image cards](https://21st.dev/@shadcnblockscom/components/gallery4.md) — by Shadcnblocks.com - [Dialog](https://21st.dev/@originui/components/dialog.md) — by Origin UI - [Text Parallax Content (scroll)](https://21st.dev/@uniquesonu/components/text-parallax-content-scroll.md) — by Sonu - [Gradient Background](https://21st.dev/@sshahaider/components/gradient-background/custom-colors.md) — by Efferd - [Dialog](https://21st.dev/@originui/components/dialog/terms-conditions.md) — by shadcn - [Dialog](https://21st.dev/@shadcn/components/dialog.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/basic.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/login.md) — by shadcn - [Dialog](https://21st.dev/@mynaui/components/dialog/add-task.md) — by shadcn - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-native-scrollbar.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 - [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel.md) — by Hayden Bleasel - [Video Thumbnail Player](https://21st.dev/@ravikatiyar162/components/video-thumbnail-player.md) — by Ravi Katiyar - [Stories Carousel](https://21st.dev/@haydenbleasel/components/stories-carousel/story-images.md) — by Hayden Bleasel - [Sheet](https://21st.dev/@shadcn/components/sheet.md) — by shadcn - [Sheet](https://21st.dev/@mynaui/components/sheet/onlu-content.md) — by shadcn - [Animated Modal](https://21st.dev/@manuarora700/components/animated-modal.md) — by Manu Arora - [Dialog](https://21st.dev/@sshahaider/components/dialog/sticky-header-footer.md) — by Efferd - [Story](https://21st.dev/@youcefbnm/components/story.md) — by YoucefBnm Bnm - [Dialog](https://21st.dev/@sshahaider/components/dialog/app-info.md) — by Efferd - [Direction Aware Hover](https://21st.dev/@manuarora700/components/direction-aware-hover.md) — by Manu Arora - [Dialog](https://21st.dev/@sshahaider/components/dialog.md) — by Efferd - [Sheet](https://21st.dev/@sshahaider/components/sheet.md) — by Efferd - [Dialog](https://21st.dev/@sshahaider/components/dialog/without-close-button.md) — by Efferd - [Drawer](https://21st.dev/@sshahaider/components/drawer.md) — by Efferd - [Carousel](https://21st.dev/@anubra266/components/carousel-1/minimal-carousel.md) — by Abraham - [Media Button](https://21st.dev/@arunachalam/components/media-button.md) — by Arunachalam - [Animated Banner](https://21st.dev/@dqnamo/components/animated-banner.md) — by dqnamo - [Drawer](https://21st.dev/@coss.com/components/drawer.md) — by coss - [Popover \[react-aria-components\]](https://21st.dev/@jolbol1/components/popover.md) — by James Shopland - [Modal](https://21st.dev/@shugar/components/modal/disabled-actions.md) — by tigran tumasov - [Image Crop](https://21st.dev/@originui/components/image-crop/image-cropper-3.md) — by Origin UI - [Modal](https://21st.dev/@shugar/components/modal/inset.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal.md) — by tigran tumasov - [Modal](https://21st.dev/@shugar/components/modal/sticky.md) — by tigran tumasov - [Tour](https://21st.dev/@niazmorshed2007/components/tour.md) — by Niaz Morshed - [Animated Modal](https://21st.dev/@mlshv/components/animated-modal.md) — by Misha - [useItemOverflow](https://21st.dev/@hihahihahoho/components/use-item-overflow.md) — by oc tung - [Drawer](https://21st.dev/@coss.com/components/drawer/inset-variant.md) — by coss - [QR Code](https://21st.dev/@anubra266/components/qr-code/qr-code-with-overlay.md) — by Abraham - [Video Modal](https://21st.dev/@nyxbui/components/video-modal.md) — by Nyxb UI - [Stacked Dialog](https://21st.dev/@reuno-ui/components/stacked-dialog.md) — by reuno-ui - [Glass Effect](https://21st.dev/@cult-ui/components/glass-effect.md) — by cult/ui - [Animated HUD Targeting UI](https://21st.dev/@isaiahbjork/components/animated-hud-targeting-ui.md) — by Isaiah - [Scroller](https://21st.dev/@shugar/components/scroller-1/horizontal.md) — by tigran tumasov - [Scroller](https://21st.dev/@shugar/components/scroller-1.md) — by tigran tumasov - [Sheet](https://21st.dev/@sean0205/components/sheet/scrollable.md) — by Sean Hello - [Sheet](https://21st.dev/@sean0205/components/sheet.md) — by Sean Hello - [Command Menu](https://21st.dev/@shugar/components/command-menu.md) — by tigran tumasov - [Quick Look Overlay](https://21st.dev/@jatin-yadav05/components/quick-look-overlay.md) — by Jatin Yadav - [Sheet](https://21st.dev/@sean0205/components/sheet/side.md) — by Sean Hello - [Avatar Smart Group](https://21st.dev/@ruixen.ui/components/avatar-smart-group.md) — by Ruixen UI - [MapPopup](https://21st.dev/@mapcn/components/mapcn-map-popup.md) — by Anmoldeep Singh - [Tooltip](https://21st.dev/@airbnb-visx/components/tooltip.md) — by Airbnb - [Popover](https://21st.dev/@sean0205/components/popover.md) — by Sean Hello - [Popover](https://21st.dev/@anubra266/components/popover-1.md) — by Abraham - [Dialog](https://21st.dev/@ephraimduncan/components/dialog.md) — by Ephraim Duncan Full component directory: https://21st.dev/llms.txt