Components
Glass Tabs
A segmented control: Base UI Tabs with a glass pill that slides under the active label and refracts it.
A glass pill marks the active range.
Tune
Installation
$ pnpm dlx shadcn@latest add https://amir-abushanab.github.io/liquid-glass-js/r/glass-tabs.json
Copies the source into components/liquid-glass/ and installs its dependencies. Requires a shadcn-initialized project.
Remember to load the glass chrome CSS once
Load the shared stylesheet a single time (e.g. in your root layout or app entry):
import "@liquidglassjs/core/css"