@liquikit
Liquid glass components for React with physically based refraction that works in Chrome, Safari and Firefox. Built on Base UI.
Install this registry
npx shadcn@latest add https://liquikit.dev/r/registry.json pnpm dlx shadcn@latest add https://liquikit.dev/r/registry.json bunx shadcn@latest add https://liquikit.dev/r/registry.json curl -s https://liquikit.dev/r/registry.json Components
38 totalThe refraction engine: lens maps, the SVG filter and the glass surfaces.
npx shadcn@latest add https://liquikit.dev/r/glass.json Shared types and the component styles.
npx shadcn@latest add https://liquikit.dev/r/core.json Press feedback shared by the controls.
npx shadcn@latest add https://liquikit.dev/r/press.json The morphing glass panel behind every popup.
npx shadcn@latest add https://liquikit.dev/r/popup.json Helpers shared by the segmented controls.
npx shadcn@latest add https://liquikit.dev/r/segments.json Sections that open on a spring inside one slab of glass, and a collapsible.
npx shadcn@latest add https://liquikit.dev/r/accordion.json An alert dialog that grows out of a droplet in its own middle.
npx shadcn@latest add https://liquikit.dev/r/alert.json A glass field that suggests as you type.
npx shadcn@latest add https://liquikit.dev/r/autocomplete.json A picture or initials in a disc of glass.
npx shadcn@latest add https://liquikit.dev/r/avatar.json A glass button that swells and lights up under a press.
npx shadcn@latest add https://liquikit.dev/r/button.json A small drop of glass that fills with the accent, and a checkbox group.
npx shadcn@latest add https://liquikit.dev/r/checkbox.json A glass field with a list that buds off it and reshapes as you type.
npx shadcn@latest add https://liquikit.dev/r/combobox.json A menu that grows from where the pointer was.
npx shadcn@latest add https://liquikit.dev/r/context-menu.json A panel that grows out of its button and flies home into it.
npx shadcn@latest add https://liquikit.dev/r/dialog.json Glass text inputs, fields, fieldsets and forms.
npx shadcn@latest add https://liquikit.dev/r/field.json A menu that pours out of its button like liquid.
npx shadcn@latest add https://liquikit.dev/r/menu.json A capsule of menu titles whose menus share one panel of glass.
npx shadcn@latest add https://liquikit.dev/r/menubar.json Frosted meter and progress bars.
npx shadcn@latest add https://liquikit.dev/r/meter.json A navigation bar whose one panel reshapes between titles.
npx shadcn@latest add https://liquikit.dev/r/navigation-menu.json A glass stepper with a scrub area.
npx shadcn@latest add https://liquikit.dev/r/number-field.json A one-time code input in slots of glass.
npx shadcn@latest add https://liquikit.dev/r/otp-field.json A glass popover that grows out of its trigger.
npx shadcn@latest add https://liquikit.dev/r/popover.json A preview that buds off a link.
npx shadcn@latest add https://liquikit.dev/r/preview-card.json Glass radio buttons in a radio group.
npx shadcn@latest add https://liquikit.dev/r/radio.json A scrolling area with an overlay scrollbar, and a separator.
npx shadcn@latest add https://liquikit.dev/r/scroll-area.json A capsule of glass with a magnifying glass and a clear button.
npx shadcn@latest add https://liquikit.dev/r/search-field.json A pill of liquid glass you can drag between options.
npx shadcn@latest add https://liquikit.dev/r/segmented-control.json A select whose list grows out of its button.
npx shadcn@latest add https://liquikit.dev/r/select.json A sheet of glass that floats up and can be pulled back down.
npx shadcn@latest add https://liquikit.dev/r/sheet.json A glass knob that turns to liquid as you drag it.
npx shadcn@latest add https://liquikit.dev/r/slider.json A switch whose knob lifts into a lens as it slides.
npx shadcn@latest add https://liquikit.dev/r/switch.json Tabs and a floating tab bar with a lens you can drag.
npx shadcn@latest add https://liquikit.dev/r/tabs.json Notifications that unfold out of a capsule at the top edge.
npx shadcn@latest add https://liquikit.dev/r/toast.json A glass toggle button.
npx shadcn@latest add https://liquikit.dev/r/toggle.json Toggles that merge into one capsule of glass.
npx shadcn@latest add https://liquikit.dev/r/toggle-group.json A capsule of glass holding buttons and separators.
npx shadcn@latest add https://liquikit.dev/r/toolbar.json A tooltip that swells out of nothing.
npx shadcn@latest add https://liquikit.dev/r/tooltip.json Every LiquiKit component.
npx shadcn@latest add https://liquikit.dev/r/all.json