Components
Curated UI collection
Shadcn Liquid Glass React Components
Liquid glass components bring a contemporary frosted glass aesthetic to shadcn-based React applications. This collection features 13 specialized liquid glass components designed to integrate with shadcn's component system. These components implement the popular glassmorphism design trend, creating semi-transparent layered interfaces with blur effects. Whether you're building modern dashboards, card-based layouts, or overlay elements, liquid glass components provide the visual foundation for sophisticated UI designs.
LiquidGlass
by Man From Existence
Liquid Weather glass
by UI Layouts
Liquid Glass
by Pace UI
Liquid notification
by UI Layouts
Apple Tahoe Liquid Glass Button
by Hossain Jahed
Liquid Glass
by Suraj Gaud
Liquid Glass boxes
by Sonu
Liquid Glass Card
by Ali Imam
Liquid Effect Animation
by Le Thanh
LiquidButton
by Samiullah
Liquid Crystal Shader
by Dhileep Kumar GM
Liquid Glass Button
by Ali Imam
Glass Shine Card
by Dhileep Kumar GM
Liquid Chrome
by deleted_rb
Liquid Metal
by Paper Shaders
Liquid Metal · Noir
by Paper Shaders
liquid Shader
by Dhileep Kumar GM
Crystal shader
by Dhileep Kumar GM
Glass Ui
by Sonu
Liquid Neon Shader
by Dhileep Kumar GM
Liquid Metal · Backdrop
by Paper Shaders
WebGL Liquid
by Componentry
LiquidRadio
by KainXu
Color Panels · Glass
by Paper Shaders
Glass Effect
by cult/ui
Liquid Metal · Stripes
by Paper Shaders
Animated Shadcn's Tabs
by Gaz
Animated Shadcn's Tabs
by Gaz
GlassRefractionHero
by Dhileep Kumar GM
Abstract Glassy Shader
by Dhileep Kumar GM
Shatterable Glass Card
by Dhileep Kumar GM
Liquid Text
by Ali Imam
Liquid Metal
by Jakub Antalik
Crystalline Cube
by Dhileep Kumar GM
Liquid Metal
by Jakub Antalik
Animated Shadcn's Tabs
by Gaz
Toggle Switch Glass
by Zachary BENSALEM
Glass icons
by deleted_rb
Icey Night Shards
by tempest
Apple Liquid glass switcher
by dennysdionigi
Liquid Text
by glasscn
Table
by Origin UI
Liquid Metal
by Jakub Antalik
Liquid Crystal
by Dhileep Kumar GM
Liquid Reveal
by Dhileep Kumar GM
Glass Card
by Rushil Dhinoja
Table
by Origin UI
Shimmering Text
by ElevenLabs
Table
by Origin UI
Glassmorphism Navigation
by akashsingh890901-crypto
shadcn 404
by Dhileep Kumar GM
Shine Border
by Ali Imam
Table
by Origin UI
Dot Orbit · Shine
by Paper Shaders
Glass Card
by Smit Prajapati
Animated Shiny Text
by Dillion Verma
Gooey Dock
by Ruixen UI
Shiny Text
by ShadcnSpace
Slider
by Origin UI
Liquid Vortex Loader
by Shawn Silva
Frequently asked questions
What are liquid glass components?
Liquid glass components implement glassmorphism design patterns using semi-transparent backgrounds, blur effects, and layered styling. They create a frosted glass appearance commonly used in modern UI design for cards, modals, and overlay elements.
How many liquid glass components are available?
There are 13 specialized liquid glass components in this collection, with 60 total results available when including related variations and implementations.
Are these components compatible with shadcn?
Yes, these liquid glass components are designed to integrate with shadcn's component system and follow shadcn's design patterns and structure.