# Glassmorphism components > Add trendy depth to your UI with 18 glassmorphism React components, styled using Tailwind CSS for sleek Next.js experiences. 148 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/glassmorphism. - [Interactive Frosted Glass Card](https://21st.dev/@dhileepkumargm/components/interactive-frosted-glass-card.md) — by Dhileep Kumar GM - [Glass Effect](https://21st.dev/@cult-ui/components/glass-effect.md) — by cult/ui - [Glass Ui](https://21st.dev/@uniquesonu/components/glass-ui.md) — by Sonu - [Tubelight Navbar](https://21st.dev/@ayushmxxn/components/tubelight-navbar.md) — by Serenity UI - [Liquid Glass Button](https://21st.dev/@designali-in/components/liquid-glass-button.md) — by Ali Imam - [WebGL Shader](https://21st.dev/@designali-in/components/web-gl-shader.md) — by Ali Imam - [Liquid Glass](https://21st.dev/@suraj-xd/components/liquid-glass.md) — by Suraj Gaud - [Motion Footer](https://21st.dev/@easemize/components/motion-footer.md) — by Hossain Jahed - [Animated AI Chat](https://21st.dev/@jatin-yadav05/components/animated-ai-chat.md) — by Jatin Yadav - [Glassmorphism Trust Hero](https://21st.dev/@easemize/components/glassmorphism-trust-hero.md) — by Hossain Jahed - [Testimonial Cards](https://21st.dev/@vaib215/components/testimonial-cards.md) — by Vaibhav Kumar Singh - [Glass Button](https://21st.dev/@easemize/components/glass-button.md) — by Hossain Jahed - [Animated Glassy Pricing](https://21st.dev/@easemize/components/animated-glassy-pricing.md) — by Hossain Jahed - [Ethereal Beams Hero](https://21st.dev/@muhammad-binsalman/components/ethereal-beams-hero.md) — by M.bin Salman - [Apple Tahoe Liquid Glass Button](https://21st.dev/@easemize/components/apple-tahoe-liquid-glass-button.md) — by Hossain Jahed - [Video Player](https://21st.dev/@chetanverma16/components/video-player.md) — by Chetan Verma - [Pixel perfect Hero](https://21st.dev/@easemize/components/pixel-perfect-hero.md) — by Hossain Jahed - [Dark Gradient Pricing](https://21st.dev/@vaib215/components/dark-gradient-pricing.md) — by Vaibhav Kumar Singh - [Footer column](https://21st.dev/@mvp_Subha/components/footer-column/glowing-footer.md) — by mvp_Subha - [Responsive Hero Banner](https://21st.dev/@sensewood8/components/responsive-hero-banner.md) — by Saifullah Channa - [Footer column](https://21st.dev/@mvp_Subha/components/footer-column/footer-with-newsletter.md) — by mvp_Subha - [Product Hunt Badge](https://21st.dev/@shugar/components/award-badge.md) — by tigran tumasov - [Gaming Login](https://21st.dev/@kamaleshsa/components/gaming-login.md) — by KAMALESH S A - [Floating Header](https://21st.dev/@sshahaider/components/floating-header.md) — by Efferd - [Sign Up](https://21st.dev/@easemize/components/sign-up.md) — by Hossain Jahed - [Glass Blog Card](https://21st.dev/@moumensoliman/components/glass-blog-card-shadcnui.md) — by Moumen Soliman - [Gradient Card Showcase](https://21st.dev/@minhxthanh/components/gradient-card-showcase.md) — by Le Thanh - [Animated Hero Section](https://21st.dev/@ravikatiyar162/components/animated-hero-section-1.md) — by Ravi Katiyar - [Mini Navbar](https://21st.dev/@aghasisahakyan1/components/mini-navbar.md) — by Erik X - [Dock](https://21st.dev/@ruixen.ui/components/dock.md) — by Ruixen UI - [3D Animated Pin](https://21st.dev/@manuarora700/components/3d-pin.md) — by Manu Arora - [Pricing Card](https://21st.dev/@sshahaider/components/pricing-card.md) — by Efferd - [Glass Calendar](https://21st.dev/@ravikatiyar162/components/glass-calendar.md) — by Ravi Katiyar - [Glass Testimonial swiper](https://21st.dev/@easemize/components/glass-testimonial-swiper.md) — by Hossain Jahed - [Schema Card with Animated Wave Visualizer](https://21st.dev/@minhxthanh/components/schema-card-with-animated-wave-visualizer.md) — by Le Thanh - [Glass Card](https://21st.dev/@Smit-Prajapati/components/glass-card.md) — by Smit Prajapati - [Glass Video Hero](https://21st.dev/@rahil1202/components/glass-video-hero.md) — by Rahil Vahora - [LiquidRadio](https://21st.dev/@xubohuah/components/liquid-radio.md) — by KainXu - [Glassmorphism Portfolio](https://21st.dev/@moumensoliman/components/glassmorphism-portfolio-block-shadcnui.md) — by Moumen Soliman - [Aurora Button](https://21st.dev/@abdulali254/components/aurora-button/aurora-button.md) — by Abdul D'braun - [Dock Tabs](https://21st.dev/@designali-in/components/dock-tabs.md) — by Ali Imam - [Login Form](https://21st.dev/@minhxthanh/components/login-form.md) — by Le Thanh - [Apple Liquid glass switcher](https://21st.dev/@dennysdionigi/components/apple-liquid-glass-switcher.md) — by dennysdionigi - [Interactive Neural Vortex Background](https://21st.dev/@minhxthanh/components/interactive-neural-vortex-background.md) — by Le Thanh - [Lamp Tooltip](https://21st.dev/@fanoflix/components/lamp-tooltip.md) — by Muhammad Ammar - [LumaBar](https://21st.dev/@ruixen.ui/components/futuristic-nav.md) — by Ruixen UI - [Glass Cards](https://21st.dev/@kedhareswer.12110626/components/glass-cards.md) — by Kedhareswer Naidu - [Hover Gradient NavBar](https://21st.dev/@ruixen.ui/components/hover-gradient-nav-bar.md) — by Ruixen UI - [Theme Switch](https://21st.dev/@lyanchouss/components/theme-switch/theme-switch-gradient.md) — by Liana Pepanyan - [Theme Switch](https://21st.dev/@lyanchouss/components/theme-switch/theme-switch-flow.md) — by Liana Pepanyan - [Modern animated multi words](https://21st.dev/@uniquesonu/components/modern-animated-multi-words.md) — by Sonu - [Liquid Weather glass](https://21st.dev/@uilayout.contact/components/liquid-weather-glass.md) — by UI Layouts - [Glass Checkout Card](https://21st.dev/@moumensoliman/components/glass-checkout-card-shadcnui.md) — by Moumen Soliman - [Liquid notification](https://21st.dev/@uilayout.contact/components/liquid-notification.md) — by UI Layouts - [Glowing Card](https://21st.dev/@ravikatiyar162/components/glowing-card.md) — by Ravi Katiyar - [Glass Account Settings Card](https://21st.dev/@moumensoliman/components/glass-account-settings-card-shadcnui.md) — by Moumen Soliman - [Pricing Blocks](https://21st.dev/@educlopez/components/pricing-blocks/modern-pricing.md) — by Edu Calvo - [Glass Radio Group](https://21st.dev/@ravikatiyar162/components/glass-radio-group.md) — by Ravi Katiyar - [Glassmorphism Profile Card](https://21st.dev/@beratberkayg/components/glassmorphism-profile-card.md) — by beratberkay - [Folder Components](https://21st.dev/@urmauur/components/folder-components.md) — by Faisal Amir Full component directory: https://21st.dev/llms.txt