{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "homepage": "https://liquefy-ui.com",
  "items": [
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@liquefy-ui/core@^1.0.0",
        "@base-ui/react@1.8.0"
      ],
      "description": "Design tokens, the glass stylesheet and the Tailwind v4 bridge. Every other item depends on this. Import the installed stylesheet before Tailwind so utilities win over component styles.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquefy-ui",
      "title": "liquefy-ui base",
      "type": "registry:style",
      "files": [
        {
          "path": "registry/liquefy-ui.css",
          "target": "styles/liquefy-ui.css",
          "type": "registry:file"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A content card with eyebrow, title, description, body and footer slots on the liquid surface.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "glass-card",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/liquid-surface.json"
      ],
      "title": "GlassCard",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/glass-card.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A macOS-style dock: a glass rail of icon buttons that magnify under the pointer.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "glass-dock",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "GlassDock",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/glass-dock.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "The small inline SVG glyphs the components draw for chevrons, checks and status icons.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "internal-glyphs",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json"
      ],
      "title": "CheckGlyph",
      "type": "registry:lib",
      "files": [
        {
          "path": "registry/internal-glyphs.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "Stacked disclosure panels with real headings and a height-measured open animation.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-accordion",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidAccordion",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-accordion.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "An inline status message in four severities, with an optional dismiss button.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-alert",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidAlert",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-alert.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A circular avatar with image, initials and status dot, plus an overlapping group.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-avatar",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidAvatar",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-avatar.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A small count or status pill for hanging off icons and labels.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-badge",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidBadge",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-badge.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A trail of links with glyph separators and a current-page marker.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-breadcrumbs",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidBreadcrumbs",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-breadcrumbs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "The primary action control: WebGL rim light, jelly press spring and a loading state.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-button",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/liquid-progress.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidButton",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A checkbox with a springy tick, indeterminate state and label support.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-checkbox",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidCheckbox",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-checkbox.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A compact tag that can be selected, tinted and dismissed.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-chip",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidChip",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-chip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A calendar popover on a field trigger: a roving-tabindex month grid and ISO values.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-date-picker",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidDatePicker",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-date-picker.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A modal on Base UI: trapped focus, inert background and wired-up title and description.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-dialog",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/liquid-button.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidDialog",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-dialog.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A hairline rule, horizontal or vertical, with optional inline content.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-divider",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidDivider",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-divider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A side panel that slides from the left, right or bottom edge, on Base UI Dialog.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-drawer",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidDrawer",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-drawer.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "The bare material with its optics as props: refraction, frost, veil and bezel.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-glass",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidGlass",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-glass.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A square icon-only button that takes its accessible name from a label prop.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-icon-button",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidIconButton",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-icon-button.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A glass list with items, descriptions, leading icons, trailing slots and subheaders.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-list",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidList",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-list.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A dropdown action menu on Base UI: arrow keys, typeahead and collision-aware placement.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-menu",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidMenu",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-menu.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A page strip with ellipsis truncation and previous/next controls.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-pagination",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidPagination",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-pagination.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A determinate progress bar and an indeterminate spinner sharing one accent.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-progress",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidProgress",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-progress.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A radio group with a springy dot and keyboard-driven selection.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-radio",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidRadioGroup",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-radio.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A star rating that reads and writes a numeric value.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-rating",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidRating",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-rating.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A segmented control whose glass indicator slides between options.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-segmented",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidSegmented",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-segmented.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A listbox dropdown on Base UI: typeahead, focus return and a glass popover.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-select",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidSelect",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-select.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A shimmering placeholder block for content that has not arrived.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-skeleton",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidSkeleton",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-skeleton.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0",
        "@liquefy-ui/core@^1.0.0"
      ],
      "description": "A range input with a luminous track and a dimensional thumb.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-slider",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidSlider",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-slider.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@liquefy-ui/core@^1.0.0"
      ],
      "description": "The base material every glass component is built on: rim light, refraction and springs.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-surface",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidSurface",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-surface.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A toggle whose thumb squashes as it travels.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-switch",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidSwitch",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-switch.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "A composable data table on a glass container, with row hover and selection.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-table",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/liquid-surface.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidTableContainer",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-table.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "Composable tabs on Base UI, with a glowing underline that springs between them.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-tabs",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidTabs",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-tabs.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A single-line text input with label, hint and invalid state.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-text-field",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidTextField",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-text-field.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A multi-line text input that keeps the field styling of LiquidTextField.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-textarea",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json",
        "https://liquefy-ui.com/r/use-liquid-glass.json"
      ],
      "title": "LiquidTextArea",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-textarea.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A toast provider and a useLiquidToast hook for transient messages.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-toast",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/internal-glyphs.json",
        "https://liquefy-ui.com/r/liquid-alert.json",
        "https://liquefy-ui.com/r/provider.json"
      ],
      "title": "LiquidToastProvider",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-toast.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@base-ui/react@1.8.0"
      ],
      "description": "A glass bubble on hover and focus, positioned by Base UI so it stays on screen.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "liquid-tooltip",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json",
        "https://liquefy-ui.com/r/styles-prop.json"
      ],
      "title": "LiquidTooltip",
      "type": "registry:ui",
      "files": [
        {
          "path": "registry/liquid-tooltip.tsx",
          "type": "registry:ui"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "LiquefyProvider and the config hooks every component reads its tokens from.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "provider",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json"
      ],
      "title": "defaultBreakpoints",
      "type": "registry:lib",
      "files": [
        {
          "path": "registry/provider.tsx",
          "type": "registry:lib"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "description": "The `styles` prop engine: shorthands, token references, breakpoints and state selectors.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "styles-prop",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json",
        "https://liquefy-ui.com/r/provider.json"
      ],
      "title": "getLiquefyStyleSheet",
      "type": "registry:lib",
      "files": [
        {
          "path": "registry/styles-prop.ts",
          "type": "registry:lib"
        }
      ]
    },
    {
      "$schema": "https://ui.shadcn.com/schema/registry-item.json",
      "dependencies": [
        "@liquefy-ui/core@^1.0.0"
      ],
      "description": "The hook that wires an element to the WebGL renderer and the motion springs.",
      "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
      "name": "use-liquid-glass",
      "registryDependencies": [
        "https://liquefy-ui.com/r/liquefy-ui.json"
      ],
      "title": "useLiquidGlass",
      "type": "registry:hook",
      "files": [
        {
          "path": "registry/use-liquid-glass.ts",
          "type": "registry:hook"
        }
      ]
    }
  ],
  "name": "liquefy-ui"
}