Development · Website
Liquid Glass
React component library for Apple-style liquid glass and blur effects.
Liquid Glass is a React UI library that recreates Apple's dynamic translucent glass materials and refraction effects across modern web browsers and Electron. It provides prebuilt components for surfaces, toolbars, menus, controls, and progressive blur that work over light and dark backgrounds.
What it's for
- Replicate visionOS or macOS translucent glass aesthetics in web applications
- Build floating toolbars, navigation bars, and context menus with backdrop refraction
- Add progressive blur fades to scrolling lists or media player interfaces
Features
- Prebuilt glass components including Surface, Toolbar, Tab Bar, Menu, Slider, and Switch
- Progressive blur and refraction shader effects
- Clear and Regular material options with light and dark mode support
- Cross-browser compatibility across Chromium, Safari, Firefox, and Electron
- Interactive documentation and component sandbox
Pricing
Open source
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- React frontend developers and UI designers building modern web and desktop apps.
- Tags
- react, css, ui components, glassmorphism, blur, web design
Why it was saved
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated