Dev Design Library

Liquefy UI components

Liquid Glass UI components for React — real WebGL edge refraction, jelly springs, and accessible Base UI primitives. TypeScript, RSC-ready, shadcn registry, MCP server.

Components
35
Framework
React
Stack
React, TypeScript
License
MIT
GitHub stars
6
Source
https://github.com/liquefy-ui/liquefy-ui
Website
https://liquefy-ui.com
Install
npx shadcn@latest add @liquefy-ui/{name}

All Liquefy UI components

  • Glass Card
  • Glass Dock
  • Liquid Accordion: Accordion in liquid glass style: translucent panels that refract the background.
  • Liquid Alert: Alert message box in liquid glass style. Caixa de alerta em estilo vidro líquido.
  • Liquid Avatar: Avatar in liquid glass style. Avatar em estilo vidro líquido.
  • Liquid Badge: Badge in liquid glass style. Selo em estilo vidro líquido.
  • Liquid Breadcrumbs: Breadcrumb navigation in liquid glass style.
  • Liquid Button: Button in liquid glass style: translucent, refracting the background.
  • Liquid Checkbox: Checkbox in liquid glass style.
  • Liquid Chip: Chip in liquid glass style. Etiqueta em estilo vidro líquido.
  • Liquid Date Picker: Date picker with a calendar in liquid glass style.
  • Liquid Dialog: Modal dialog in liquid glass style. Janela modal em estilo vidro líquido.
  • Liquid Divider: Divider line in liquid glass style. Linha divisória em estilo vidro líquido.
  • Liquid Drawer: Drawer panel sliding from the edge, in liquid glass style. Gaveta lateral em estilo vidro líquido.
  • Liquid Gauge
  • Liquid Glass: The material on its own, with the optics exposed as props.
  • Liquid Icon Button: Icon-only button in liquid glass style.
  • Liquid List: List in liquid glass style. Lista em estilo vidro líquido.
  • Liquid Menu: Dropdown menu in liquid glass style. Menu suspenso em estilo vidro líquido.
  • Liquid Pagination: Pagination in liquid glass style.
  • Liquid Progress: Progress bar in liquid glass style. Barra de progresso em estilo vidro líquido.
  • Liquid Radio: Radio buttons in liquid glass style.
  • Liquid Rating: Star rating input in liquid glass style.
  • Liquid Segmented: Segmented control in liquid glass style. Controle segmentado em estilo vidro líquido.
  • Liquid Select: Select dropdown in liquid glass style. Select em estilo vidro líquido.
  • Liquid Skeleton: Loading placeholder in liquid glass style. Esqueleto de carregamento em estilo vidro líquido.
  • Liquid Slider: Slider in liquid glass style. Controle deslizante em estilo vidro líquido.
  • Liquid Surface: Shader background of a liquid surface.
  • Liquid Switch: Toggle switch in liquid glass style. Interruptor em estilo vidro líquido.
  • Liquid Table: Data table in liquid glass style. Tabela de dados em estilo vidro líquido.
  • Liquid Tabs: Tabs in liquid glass style. Abas em estilo vidro líquido.
  • Liquid Text Field: Text input field in liquid glass style.
  • Liquid Textarea: Textarea in liquid glass style.
  • Liquid Toast: Toast notification in liquid glass style.
  • Liquid Tooltip: Tooltip in liquid glass style. Dica flutuante em estilo vidro líquido.

Browse by category