@liquefy-ui

Design tokens, the glass stylesheet and the Tailwind v4 bridge. Every other item depends on this. Import the installed stylesheet before Tailwind so utilities …

A content card with eyebrow, title, description, body and footer slots on the liquid surface.

A macOS-style dock: a glass rail of icon buttons that magnify under the pointer.

The small inline SVG glyphs the components draw for chevrons, checks and status icons.

Stacked disclosure panels with real headings and a height-measured open animation.

An inline status message in four severities, with an optional dismiss button.

A circular avatar with image, initials and status dot, plus an overlapping group.

A small count or status pill for hanging off icons and labels.

A trail of links with glyph separators and a current-page marker.

The primary action control: WebGL rim light, jelly press spring and a loading state.

A checkbox with a springy tick, indeterminate state and label support.

A compact tag that can be selected, tinted and dismissed.

A calendar popover on a field trigger: a roving-tabindex month grid and ISO values.

A modal on Base UI: trapped focus, inert background and wired-up title and description.

A hairline rule, horizontal or vertical, with optional inline content.

A side panel that slides from the left, right or bottom edge, on Base UI Dialog.

A square icon-only button that takes its accessible name from a label prop.

A glass list with items, descriptions, leading icons, trailing slots and subheaders.

A dropdown action menu on Base UI: arrow keys, typeahead and collision-aware placement.

A page strip with ellipsis truncation and previous/next controls.

A determinate progress bar and an indeterminate spinner sharing one accent.

A radio group with a springy dot and keyboard-driven selection.

A star rating that reads and writes a numeric value.

A segmented control whose glass indicator slides between options.

A listbox dropdown on Base UI: typeahead, focus return and a glass popover.

A shimmering placeholder block for content that has not arrived.

A range input with a luminous track and a dimensional thumb.

The base material every glass component is built on: rim light, refraction and springs.

A toggle whose thumb squashes as it travels.

A composable data table on a glass container, with row hover and selection.

Composable tabs on Base UI, with a glowing underline that springs between them.

A single-line text input with label, hint and invalid state.

A multi-line text input that keeps the field styling of LiquidTextField.

A toast provider and a useLiquidToast hook for transient messages.

A glass bubble on hover and focus, positioned by Base UI so it stays on screen.

LiquefyProvider and the config hooks every component reads its tokens from.

The `styles` prop engine: shorthands, token references, breakpoints and state selectors.

The hook that wires an element to the WebGL renderer and the motion springs.