Liquid glass components for React — real backdrop refraction, Apple-inspired, minimal and premium. Docks, sheets, command palette, knobs and more.
Batteries widget with device rings that fill, turn red when low and show charging.
Calendar widget showing today, what's next and a month at a glance.
The Opaline theme and every component in one install.
Collapsible sections on one glass panel, or as separate glass cards that grow open.
A callout on frosted glass, tinted by intent: info, success, warning or destructive.
Small glass chip with an optional glowing status dot.
Feature tiles on glass in a bento layout, with a pointer light and a call to action that slides in.
Pill button made of liquid glass with a pointer-tracked highlight.
Frosted card surface with header, content and footer slots.
Analog clock on a liquid glass face with a sweeping second hand.
Syntax-highlighted code in a glass window, with tabs, line numbers, highlighted lines and copy.
⌘K command palette on a frosted glass sheet, powered by cmdk.
Right-click menu that springs from the cursor, with a row of round quick actions.
macOS-style Control Center kit — glass modules, toggles, light-filled sliders and buttons.
A glass payment card that tilts to the pointer, flips to its back and detects the brand.
Glass calendar with a gliding day bubble, and a capsule date picker.
Modal on a frosted glass sheet with springy transform-only motion.
macOS-style dock with smooth magnification and hover labels.
Capsule text field with icon and adornment slots — made for search.
Rotary dial with a glass cap — drag around it or use the arrow keys.
Draggable magnifying lens that bends whatever is beneath it.
Dropdown menu rendered on liquid glass.
Chat bubbles on glass: tinted for you, clear for them, with avatars, meta and a typing indicator.
iOS notification banner plus a stack that fans out on hover.
Now-playing widget with scrubber, transport controls and volume.
Rich popover content on a frosted glass surface.
A scannable QR code printed on a glass tile, with soft finders, a glass logo lens and an optional magnifier.
Glass cards that pin and pile up as you scroll, shrinking as new cards land on them.
Icon segmented picker whose glass bubble stretches like liquid as it travels.
Capsule select with a frosted glass option list.
Floating side sheet, or a drag-to-dismiss bottom drawer with side="bottom".
Floating source list with a sliding glass selection and icon-only mode.
Slider whose thumb becomes a refracting lens while dragging.
A command on a glass capsule with copy, and tabs for npm, pnpm, yarn and bun.
A deck of glass cards — swipe the top one away to reveal the next.
Capsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.
iOS switch whose thumb turns into a glass lens while pressed.
Floating iOS 26 tab bar with a sliding liquid selection.
Segmented control with a glass bubble that glides between tabs.
A macOS terminal on glass whose commands type themselves out, line by line, when scrolled into view.
Headlines cast in liquid glass — every glyph is a bevelled lens with rim light and a travelling sheen.
A multi-line field on glass that grows with its content, with a counter and a footer slot.
Imperative toasts on glass that stack into a deck, fan out on hover and swipe away.
Floating capsule toolbar that groups icon actions.
Capsule tooltip that springs out of its trigger.
A post from X on glass, loaded live with react-tweet by id, with a fallback when it can't be fetched.
iOS home-screen widget frame on liquid glass — small, medium and large.
The primitive behind every glass component. Refracts the backdrop through an SVG displacement map, with a frosted fallback.