Glisse
glisse
A faithful implementation of Apple's Liquid Glass for the web.
Component Libraries
react
liquid glass
glass
ui
components
tab bar
segmented control
switch
slider
menu
Stars
443
Weekly
17k
Open issues
3
Bundle
~60 kB
Installation
npm install glisseCode example
import { Button } from "glisse";
export function Example() {
return (
<div className="flex gap-2">
<Button>Primary</Button>
<Button variant="outline">Secondary</Button>
</div>
);
}Pros & cons
Pros
- Actively maintained by Kelvin Zhang
- 17k weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 3 open issues on GitHub