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