# Backdrop Blur components > Elevate your UI with 18 React components featuring elegant backdrop-blur effects, seamlessly crafted using Tailwind CSS for modern Next.js sites. 62 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/backdrop-blur. - [Edge Blur](https://21st.dev/@cult-ui/components/edge-blur.md) — by cult/ui - [Glassmorphism Trust Hero](https://21st.dev/@easemize/components/glassmorphism-trust-hero.md) — by Hossain Jahed - [Apple Tahoe Liquid Glass Button](https://21st.dev/@easemize/components/apple-tahoe-liquid-glass-button.md) — by Hossain Jahed - [Progressive blur](https://21st.dev/@serafimcloud/components/progressive-blur/with-logos.md) — by Julien Thibeaut - [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur/with-slider-and-different-directions.md) — by Julien Thibeaut - [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur/with-hover.md) — by Julien Thibeaut - [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur.md) — by Julien Thibeaut - [Header 1](https://21st.dev/@sshahaider/components/header-1.md) — by Efferd - [Simple Header](https://21st.dev/@sshahaider/components/simple-header.md) — by Efferd - [Expanding Search Dock](https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui.md) — by Moumen Soliman - [Profile Card](https://21st.dev/@isaiahbjork/components/profile-card.md) — by Isaiah - [Liquid Weather glass](https://21st.dev/@uilayout.contact/components/liquid-weather-glass.md) — by UI Layouts - [Liquid notification](https://21st.dev/@uilayout.contact/components/liquid-notification.md) — by UI Layouts - [Progressive Blur](https://21st.dev/@reuno-ui/components/progressive-blur.md) — by reuno-ui - [Modal](https://21st.dev/@educlopez/components/modal.md) — by Edu Calvo - [Floating Action Panel](https://21st.dev/@Codehagen/components/floating-action-panel.md) — by Prism UI - [Button](https://21st.dev/@beratberkayg/components/button-1.md) — by beratberkay - [Video Player Pro](https://21st.dev/@ruixen.ui/components/video-player-pro.md) — by Ruixen UI - [Drawer](https://21st.dev/@sshahaider/components/drawer.md) — by Efferd - [Glass Card](https://21st.dev/@molecule-lab-rushil/components/glass-card.md) — by Rushil Dhinoja - [Cards](https://21st.dev/@prebuiltui/components/cards/notify-card-with-glass-effect.md) — by prebuiltui - [Progressive Blur Card](https://21st.dev/@waleedkibhen/components/progressive-blur-card.md) — by wisedev - [Progressive Blur Modal](https://21st.dev/@pate1kiran/components/progressive-blur-modal.md) — by pate1kiran - [Drawer](https://21st.dev/@coss.com/components/drawer.md) — by coss - [LiquidGlass](https://21st.dev/@manfromexistence/components/liquid-glass.md) — by Man From Existence - [Glassmorphism Navigation](https://21st.dev/@akashsingh890901-crypto/components/glassmorphism-navigation.md) — by akashsingh890901-crypto - [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg.md) — by meghtrix - [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/gradient-big-grid-2.md) — by meghtrix - [Button Ui](https://21st.dev/@prebuiltui/components/button-ui/button-with-bottom-border-animation.md) — by prebuiltui - [Dashboard Card With Modal](https://21st.dev/@isaiahbjork/components/dashboard-card-with-modal.md) — by Isaiah - [Glass Effect](https://21st.dev/@cult-ui/components/glass-effect.md) — by cult/ui - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog.md) — by Hero Ui - [Ripple Circles](https://21st.dev/@ruixen.ui/components/ripple-circles.md) — by Ruixen UI - [Glass Time Card](https://21st.dev/@oldkong88/components/glass-time-card/glass-time-card.md) — by SEONG HUN - [Accordion](https://21st.dev/@anubra266/components/accordion-1/accordion-left-chveron.md) — by Abraham - [Progressive Blur](https://21st.dev/@dillionverma/components/progressive-blur.md) — by Dillion Verma - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/statuses.md) — by Hero Ui - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/custom-backdrop.md) — by Hero Ui - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/controlled.md) — by Hero Ui - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/placements.md) — by Hero Ui - [Load Ripple](https://21st.dev/@ruixen.ui/components/load-ripple.md) — by Ruixen UI - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/sizes.md) — by Hero Ui - [HeroUI AlertDialog](https://21st.dev/@hero_ui/components/heroui-alert-dialog/backdrop-variants.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer.md) — by Hero Ui - [Dialog](https://21st.dev/@anubra266/components/dialog-2/edit-profile-dialog.md) — by Abraham - [Modal Drop](https://21st.dev/@deltacomponents/components/modal-drop/drop-animation-modal.md) — by deltacomponents - [Dialog](https://21st.dev/@anubra266/components/dialog-2/choose-subscription.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/rating-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/alert-icon-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/card-details-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/signup-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/feedback-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/terms-conditions-dialog.md) — by Abraham - [Dialog](https://21st.dev/@anubra266/components/dialog-2/newsletter-dialog.md) — by Abraham - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/with-form.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/navigation-drawer.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/controlled-state.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/scrollable-content.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/non-dismissable.md) — by Hero Ui - [HeroUI Drawer](https://21st.dev/@hero_ui/components/heroui-drawer/backdrop-variants.md) — by Hero Ui Full component directory: https://21st.dev/llms.txt