@opaline

Minimal, premium design tokens — Apple system typography, neutral palette and glass materials for light and dark.

The primitive behind every glass component. Refracts the backdrop through an SVG displacement map, with a frosted fallback.

Hook that tracks the active item's box to animate a selection bubble.

macOS-style dock with smooth magnification and hover labels.

Headlines cast in liquid glass — every glyph is a bevelled lens with rim light and a travelling sheen.

macOS-style Control Center kit — glass modules, toggles, light-filled sliders and buttons.

Icon segmented picker whose glass bubble stretches like liquid as it travels.

Glass calendar with a gliding day bubble, and a capsule date picker.

Capsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.

Right-click menu that springs from the cursor, with a row of round quick actions.

iOS home-screen widget frame on liquid glass — small, medium and large.

Weather widget with animated condition art and an hourly forecast.

Calendar widget showing today, what's next and a month at a glance.

Batteries widget with device rings that fill, turn red when low and show charging.

Pill button made of liquid glass with a pointer-tracked highlight.

Draggable magnifying lens that bends whatever is beneath it.

Floating source list with a sliding glass selection and icon-only mode.

⌘K command palette on a frosted glass sheet, powered by cmdk.

Now-playing widget with scrubber, transport controls and volume.

Frosted card surface with header, content and footer slots.

Rotary dial with a glass cap — drag around it or use the arrow keys.

Analog clock on a liquid glass face with a sweeping second hand.

A deck of glass cards — swipe the top one away to reveal the next.

iOS switch whose thumb turns into a glass lens while pressed.

Slider whose thumb becomes a refracting lens while dragging.

Segmented control with a glass bubble that glides between tabs.

Floating iOS 26 tab bar with a sliding liquid selection.

Floating side sheet, or a drag-to-dismiss bottom drawer with side="bottom".

Imperative toasts on glass that stack into a deck, fan out on hover and swipe away.

Rich popover content on a frosted glass surface.

Capsule select with a frosted glass option list.

Dropdown menu rendered on liquid glass.

Modal on a frosted glass sheet with springy transform-only motion.

iOS notification banner plus a stack that fans out on hover.

Capsule text field with icon and adornment slots — made for search.

Floating capsule toolbar that groups icon actions.

Capsule tooltip that springs out of its trigger.

Small glass chip with an optional glowing status dot.

One-time code cells on glass with a gliding lens, paste and SMS autofill, and success / error states.

A callout on frosted glass, tinted by intent: info, success, warning or destructive.

A multi-line field on glass that grows with its content, with a counter and a footer slot.

Chat bubbles on glass: tinted for you, clear for them, with avatars, meta and a typing indicator.

A command on a glass capsule with copy, and tabs for npm, pnpm, yarn and bun.

Syntax-highlighted code in a glass window, with tabs, line numbers, highlighted lines and copy.

A macOS terminal on glass whose commands type themselves out, line by line, when scrolled into view.

Collapsible sections on one glass panel, or as separate glass cards that grow open.

Feature tiles on glass in a bento layout, with a pointer light and a call to action that slides in.

A post from X on glass, loaded live with react-tweet by id, with a fallback when it can't be fetched.

A glass payment card that tilts to the pointer, flips to its back and detects the brand.

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.

The Opaline theme and every component in one install.