0kzh/glisse

Glisse is a faithful implementation of Apple's Liquid Glass for the web.

To start using the library, install it in your project:

npm install glisse

Then use the components anywhere. Their styles come with them.

import { Button, Switch } from "glisse";

function Settings() {
  return (
    <div>
      <Switch aria-label="Wi-Fi" defaultChecked />
      <Button variant="filled">Continue</Button>
    </div>
  );
}

See every component, with live examples and code, at glisse.kelvinzhang.ca.

MIT